@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";.app{width:100%;max-width:800px;display:flex;flex-direction:column;gap:2rem}.app .statistics-section{width:calc(100vw - 4rem);max-width:1400px;margin-left:50%;transform:translate(-50%)}header{text-align:center}.header-row{display:flex;align-items:center;justify-content:center;gap:1rem}header h1{font-size:2.5rem;font-weight:700;font-family:inherit;color:var(--foreground);margin-bottom:.5rem}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--muted-foreground);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,color .15s}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.subtitle{color:var(--muted-foreground);font-size:11px;letter-spacing:2px;text-transform:uppercase}main{display:flex;flex-direction:column;gap:1.5rem}.controls{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:1rem}.dropdown-container{position:relative}.dropdown-btn{display:flex;align-items:center;gap:0;padding:0;background:transparent;border:1px solid var(--border);border-radius:0;cursor:pointer;font-size:.9rem;font-family:inherit;transition:all .2s;overflow:hidden}.dropdown-btn .btn-label{padding:.5rem .75rem;color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:13px;transition:all .2s}.dropdown-btn:hover .btn-label,.dropdown-btn.active .btn-label{background:var(--primary);color:var(--primary-foreground)}.dropdown-btn .btn-arrow{padding:.5rem .6rem;border-left:1px solid var(--border);color:var(--primary);font-size:.7rem;transition:all .2s}.dropdown-btn .btn-arrow:hover{background:var(--primary);color:var(--primary-foreground)}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface-1);border:1px solid var(--border);border-radius:0;overflow:hidden;min-width:200px;z-index:100}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--foreground);font-size:.9rem;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s}.dropdown-item:hover{background:var(--surface-2)}.dropdown-item.selected{color:var(--primary)}.dropdown-item .checkmark{color:var(--primary);font-weight:700}.input-section input{width:100%;padding:1rem 1.25rem;font-size:1.25rem;font-family:inherit;border:2px solid var(--border);border-radius:0;background:var(--surface-0);color:var(--foreground);outline:none;transition:border-color .2s}.input-section input:focus{border-color:var(--primary)}.input-section input::placeholder{color:var(--muted-foreground)}.output-section{background:var(--surface-0);border-radius:0;padding:1.5rem;border:1px solid var(--border)}.words-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.words-line{flex:1;font-size:1.4rem;line-height:1.8;color:var(--foreground)}.speak-btn{flex-shrink:0;width:40px;height:40px;border-radius:0;border:1px solid var(--primary);background:transparent;color:var(--primary);font-size:1.1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.speak-btn:hover{background:var(--primary);color:var(--primary-foreground)}.speak-btn.speaking{background:var(--red);border-color:var(--red);color:var(--foreground)}.speak-btn.disabled{opacity:.3;cursor:not-allowed}.speak-btn.disabled:hover{background:transparent;color:var(--primary)}.words-line .word{color:var(--primary)}.words-line .unknown{color:var(--red)}.breakdown{display:flex;flex-wrap:wrap;gap:.75rem}.letter-card{display:flex;align-items:center;gap:.5rem;background:var(--surface-1);padding:.5rem .75rem;border-radius:0;border:1px solid var(--border)}.letter{font-weight:700;font-size:1.1rem;color:var(--foreground);min-width:1.5rem;text-align:center}.arrow{color:var(--muted-foreground);font-size:.9rem}.word-name{color:var(--primary);font-size:.95rem}.unknown-name{color:var(--red);font-size:.95rem}.reference-table{background:var(--surface-0);border-radius:0;padding:1.5rem;border:1px solid var(--border)}.reference-table h2{font-size:1.2rem;font-family:inherit;margin-bottom:1rem;color:var(--foreground)}.table-section-title{font-size:12px;font-weight:600;color:var(--muted-foreground);margin:1.25rem 0 .75rem;text-transform:uppercase;letter-spacing:1.5px}.table-section-title:first-of-type{margin-top:0}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.table-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--surface-1);border-radius:0;transition:background .15s}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:var(--surface-2)}.table-letter{font-weight:700;color:var(--foreground);min-width:1.5rem}.table-word{color:var(--primary);font-size:.9rem}.statistics-section{background:var(--surface-0);border-radius:0;border:1px solid var(--border);overflow:hidden;transition:border-color .15s}.statistics-section:hover{border-color:var(--border-hover)}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;background:transparent;border:none;color:var(--foreground);font-size:1rem;font-family:inherit;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .15s}.accordion-header:hover{background:var(--surface-1)}.accordion-header.open{background:var(--surface-1);border-bottom:1px solid var(--border)}.accordion-arrow{color:var(--primary);font-size:.8rem}.optimal-badge{background:transparent;color:var(--green);border:1px solid var(--green);padding:.2rem .5rem;border-radius:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-left:auto;margin-right:.75rem}.accordion-content{padding:1.5rem}.stats-intro{margin-bottom:1.5rem;color:var(--muted-foreground);font-size:13px;line-height:1.6}.stats-intro p{color:var(--muted-foreground);font-size:13px}.stats-intro strong{color:var(--primary)}.stats-intro em{color:var(--foreground)}.stats-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface-1);border-radius:0;padding:1rem;display:flex;flex-direction:column;gap:.25rem;text-align:center;border:2px solid transparent}.stat-card.winner{border-color:var(--primary);background:var(--surface-2)}.stat-value{font-size:26px;font-weight:500;letter-spacing:-.02em;color:var(--primary)}.stat-label{font-size:11px;color:var(--muted-foreground);font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.stat-desc{font-size:.8rem;color:var(--muted-foreground)}.stats-title{font-size:12px;font-weight:600;color:var(--muted-foreground);margin:1.5rem 0 .75rem;text-transform:uppercase;letter-spacing:1.5px}.stats-explanation{font-size:.85rem;color:var(--muted-foreground);margin-bottom:1rem}.heatmaps-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.heatmap-wrapper{min-width:0}.heatmap-wrapper h4{font-size:.9rem;font-family:inherit;color:var(--foreground);margin-bottom:.5rem;text-align:center}.heatmap-container{position:relative;overflow-x:auto;overflow-y:hidden}.heatmap{display:inline-block}.heatmap-row{display:flex}.heatmap-cell{width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:.45rem;flex-shrink:0;position:relative}.heatmap-cell.empty{background:transparent}.heatmap-cell.header{background:var(--surface-1);color:var(--muted-foreground);font-weight:600;font-size:.45rem}.heatmap-cell.data{border:1px solid rgba(0,0,0,.2);transition:none}.heatmap-cell.data.clickable{cursor:pointer}.heatmap-cell.data.hovered{border:2px solid var(--primary);z-index:20}.heatmap-tooltip-fixed{background:var(--surface-2);padding:.5rem .75rem;border-radius:0;border:1px solid var(--border);font-size:.85rem;color:var(--foreground);text-align:center;margin-top:.5rem;min-height:1.5em}.heatmap-tooltip-fixed.placeholder{color:var(--muted-foreground)}.pairs-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.pairs-comparison.single{grid-template-columns:1fr 1fr;max-width:800px}.pairs-column h4{font-size:1rem;font-family:inherit;color:var(--foreground);margin-bottom:.75rem;text-align:center}.pairs-subtitle{font-size:.8rem;font-weight:600;margin:1rem 0 .5rem;padding:.25rem .5rem;border-radius:0}.pairs-subtitle.confusable{color:var(--red);background:transparent;border-left:3px solid var(--red);padding-left:8px}.pairs-subtitle.distinct{color:var(--green);background:transparent;border-left:3px solid var(--green);padding-left:8px}.confusable-pairs{display:flex;flex-direction:column;gap:.25rem}.pair-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:var(--surface-1);border-radius:0;transition:background .15s;font-size:.8rem}.pair-row.clickable{cursor:pointer}.pair-row.clickable:hover{background:var(--surface-2)}.pair-rank{color:var(--muted-foreground);font-size:.7rem;min-width:1.5rem}.pair-letters{font-weight:700;color:var(--foreground);min-width:2.5rem;font-size:.75rem}.pair-words{flex:1;color:var(--muted-foreground);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pair-score{font-weight:600;font-size:.75rem}.pair-score.bad{color:var(--red)}.pair-score.good{color:var(--green)}.methodology{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.methodology p{color:var(--muted-foreground);font-size:13px;line-height:1.6;margin-bottom:1rem}.methodology ul{list-style:none;padding:0;margin:1rem 0}.methodology li{color:var(--muted-foreground);font-size:.85rem;padding:.4rem 0 .4rem 1rem;border-left:2px solid var(--border);margin-bottom:.5rem}.methodology li strong{color:var(--foreground)}.optimal-input-section{margin-bottom:1rem}.optimal-input{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:2px solid var(--border);border-radius:0;background:var(--surface-0);color:var(--foreground);outline:none;transition:border-color .2s}.optimal-input:focus{border-color:var(--green)}.optimal-input::placeholder{color:var(--muted-foreground)}.optimal-output-section{background:var(--surface-1);border-radius:0;padding:1rem;margin-bottom:1.5rem;border:1px solid var(--border)}.optimal-words{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.optimal-words .word{color:var(--green)}.letter-card.optimal-card{border-color:var(--green)}.word-name.optimal{color:var(--green)}.optimal-heatmap{max-width:600px}.optimal-alphabet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:1.5rem}.optimal-letter-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--surface-1);border-radius:0;transition:background .15s}.optimal-letter-row.clickable{cursor:pointer}.optimal-letter-row.clickable:hover{background:var(--surface-2)}.optimal-letter{font-weight:700;color:var(--foreground);min-width:1.5rem}.optimal-word{color:var(--green);font-size:.9rem}.optimal-syllables{color:var(--muted-foreground);font-size:.75rem;margin-left:auto}.optimal-methodology{margin-top:1.5rem}.optimal-methodology summary{cursor:pointer;color:var(--muted-foreground);font-size:.9rem;padding:.5rem 0}.optimal-methodology summary:hover{color:var(--foreground)}.optimal-methodology-content{padding:1rem;background:var(--surface-1);border-radius:0;margin-top:.5rem}.optimal-methodology-content p{color:var(--muted-foreground);font-size:.85rem;line-height:1.6;margin-bottom:.75rem}.optimal-methodology-content p:last-child{margin-bottom:0}.excluded-words-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.excluded-words-list{color:var(--muted-foreground);font-size:.8rem;font-style:italic;line-height:1.6;margin-top:.5rem}.research-paper{margin-top:1rem}.research-content h4{color:var(--foreground);font-size:1.1rem;font-family:inherit;margin-bottom:1rem;text-align:center}.research-content h5{color:var(--green);font-size:.95rem;font-family:inherit;margin-top:1.25rem;margin-bottom:.5rem}.research-content h5:first-of-type{margin-top:.5rem}.research-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted-foreground)}.stats-comparison.four-cards{grid-template-columns:repeat(4,1fr)}.heatmaps-grid.three-cols,.pairs-comparison.three-cols{grid-template-columns:1fr 1fr 1fr}.radar-score-table-wrapper{overflow-x:auto;margin:1rem 0 1.5rem}.radar-score-table{width:100%;border-collapse:collapse;font-size:.85rem}.radar-score-table th,.radar-score-table td{padding:.5rem .6rem;text-align:right;white-space:nowrap}.radar-score-table th{color:var(--muted-foreground);font-weight:600;font-size:.8rem;border-bottom:1px solid var(--border)}.radar-score-table th:first-child,.radar-score-table td:first-child{text-align:left}.radar-score-table td{color:var(--muted-foreground);border-bottom:1px solid var(--surface-2);font-variant-numeric:tabular-nums}.radar-score-table .highlight-col{color:var(--primary);font-weight:600}.radar-score-table th.highlight-col{color:var(--primary)}.radar-score-table .radar-best{color:var(--green);font-weight:700}.radar-dim-name{color:var(--foreground);font-weight:500}.explorer-loading{padding:3rem 2rem;text-align:center;color:var(--muted-foreground);font-size:.95rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.explorer-loading:before{content:"";width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1000px){.stats-comparison.four-cards{grid-template-columns:repeat(2,1fr)}.heatmaps-grid.three-cols,.pairs-comparison.three-cols{grid-template-columns:1fr}}@media (max-width: 800px){.heatmaps-grid,.pairs-comparison,.pairs-comparison.single{grid-template-columns:1fr}.stats-comparison,.stats-comparison.four-cards{grid-template-columns:1fr 1fr}}@media (max-width: 600px){header h1{font-size:1.8rem}.words-line{font-size:1.1rem}.table-grid{grid-template-columns:repeat(2,1fr)}.heatmap-cell{width:12px;height:12px;font-size:.4rem}.pair-words{display:none}.stats-comparison,.stats-comparison.four-cards{grid-template-columns:1fr}.optimal-alphabet-grid{grid-template-columns:repeat(2,1fr)}.radar-score-table{font-size:.75rem}.radar-score-table th,.radar-score-table td{padding:.4rem}}.pareto-explorer{background:var(--surface-0);border-radius:0;padding:1.5rem;border:1px solid var(--border)}.pareto-title{font-size:1.3rem;font-weight:700;font-family:inherit;color:var(--foreground);margin-bottom:.5rem}.pareto-subtitle{color:var(--muted-foreground);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.pareto-section-title{font-size:12px;font-weight:600;color:var(--muted-foreground);margin:1.5rem 0 .75rem;text-transform:uppercase;letter-spacing:1.5px}.pareto-sliders{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;margin-bottom:1.5rem}.pareto-slider-group{display:flex;flex-direction:column;gap:.35rem}.pareto-slider-header{display:flex;justify-content:space-between;align-items:baseline}.pareto-slider-label{font-size:.85rem;color:var(--foreground);font-weight:500}.pareto-slider-value{font-size:.8rem;color:var(--primary);font-weight:600;font-variant-numeric:tabular-nums}.pareto-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:0;background:var(--border);outline:none;cursor:pointer}.pareto-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:0;background:var(--primary);border:2px solid var(--surface-0);cursor:pointer}.pareto-slider::-moz-range-thumb{width:18px;height:18px;border-radius:0;background:var(--primary);border:2px solid var(--surface-0);cursor:pointer}.pareto-slider::-moz-range-track{height:6px;border-radius:0;background:var(--border)}.pareto-analysis-row{display:grid;grid-template-columns:auto auto 1fr;gap:1rem;align-items:start;margin-top:.5rem}.pareto-analysis{display:grid;grid-template-columns:auto auto 1fr;gap:1.5rem;align-items:start;margin-top:.5rem}.pareto-radar-wrapper{display:flex;flex-direction:column;align-items:center}.pareto-radar-canvas{display:block}.pareto-dim-bar-label.below-din{color:var(--red)}.pareto-score-table-wrapper{overflow-x:auto;margin-bottom:.5rem}.pareto-score-table{width:100%;border-collapse:collapse;font-size:.85rem}.pareto-score-table th,.pareto-score-table td{padding:.5rem .6rem;text-align:right;white-space:nowrap}.pareto-score-table th{color:var(--muted-foreground);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border)}.pareto-score-table th:first-child,.pareto-score-table td:first-child{text-align:left}.pareto-score-table td{border-bottom:1px solid var(--surface-2)}.pareto-dim-name{color:var(--foreground);font-weight:500}.pareto-score-selected{color:var(--foreground);font-weight:700;font-variant-numeric:tabular-nums}.pareto-score-ref{color:var(--muted-foreground);font-variant-numeric:tabular-nums}@media (max-width: 800px){.pareto-sliders,.pareto-analysis{grid-template-columns:1fr}.pareto-radar-wrapper{align-items:center}}@media (max-width: 600px){.pareto-explorer{padding:1rem}.pareto-score-table{font-size:.75rem}.pareto-score-table th,.pareto-score-table td{padding:.4rem}}.dim-hint{color:var(--muted-foreground);font-size:.7rem;cursor:help;margin-left:.25rem}.pareto-slider-track{position:relative;width:100%}.pareto-slider-achieved{position:absolute;width:8px;height:8px;background:var(--green);border-radius:0;bottom:-10px;transform:translate(-50%);pointer-events:none;z-index:1}.pareto-pca-wrapper{display:flex;flex-direction:column;align-items:center}.pareto-pca-canvas{display:block;margin:0 auto;border-radius:0;border:1px solid var(--border)}@media (max-width: 1100px){.pareto-analysis{grid-template-columns:auto 1fr}.pareto-pca-wrapper{grid-column:1 / -1}}.pareto-random-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.15rem .5rem;font-family:inherit;font-size:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .15s,color .15s}.pareto-random-btn:hover{background:var(--primary);color:var(--primary-foreground)}.pareto-pca-nav{display:flex;flex-direction:column;align-items:center}.pareto-pca-nav-canvas{cursor:crosshair;display:block}.pareto-pca-hint{color:var(--muted-foreground);font-size:11px;text-align:center;margin-top:.5rem;text-transform:uppercase;letter-spacing:1px}.pareto-dim-bars{display:flex;flex-direction:column;gap:.5rem}.pareto-dim-bar-group{display:grid;grid-template-columns:120px 1fr 55px;align-items:center;gap:.4rem}.pareto-dim-bar-label{font-size:11px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:1px;text-align:right}.pareto-dim-bar-track{position:relative;height:16px;background:var(--surface-1);border:1px solid var(--border)}.pareto-dim-bar-fill{height:100%;background:var(--frost-3);opacity:.6;transition:width .15s}.pareto-dim-bar-fill.beats-din{background:var(--green);opacity:.7}.pareto-dim-bar-din{position:absolute;top:0;width:2px;height:100%;background:var(--red);pointer-events:none}.pareto-dim-bar-value{font-size:12px;color:var(--foreground);font-variant-numeric:tabular-nums}.pareto-dim-bar-legend{font-size:11px;color:var(--muted-foreground);display:flex;align-items:center;gap:.5rem;justify-content:flex-end;margin-top:.25rem}.pareto-dim-bar-legend-line{display:inline-block;width:12px;height:2px;background:var(--red)}@media (max-width: 1100px){.pareto-analysis-row{grid-template-columns:auto 1fr}.pareto-pca-nav{grid-column:1 / -1}}@media (max-width: 800px){.pareto-analysis-row{grid-template-columns:1fr}.pareto-dim-bar-group{grid-template-columns:100px 1fr 50px}}.zipf-tier-track{display:flex;gap:.75rem;justify-content:center;align-items:flex-start;margin:1rem 0 1.5rem;flex-wrap:wrap}.zipf-tier-stop-wrapper{display:flex;flex-direction:column;align-items:center;gap:.35rem;position:relative}.zipf-tier-stop{width:48px;height:48px;border:1px solid var(--border);background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:inherit;transition:border-color .15s,background .15s}.zipf-tier-stop:hover{border-color:var(--primary)}.zipf-tier-stop.active{border-color:var(--primary);background:var(--surface-2)}.zipf-tier-stop.recommended{border-top:2px solid var(--green)}.zipf-tier-stop-value{font-size:14px;font-weight:600;color:var(--foreground);font-variant-numeric:tabular-nums}.zipf-tier-label{font-size:11px;color:var(--muted-foreground);text-align:center;max-width:80px;line-height:1.3}.zipf-recommended-badge{background:transparent;color:var(--green);border:1px solid var(--green);padding:.1rem .4rem;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.zipf-frontier-canvas{display:block;margin:1rem auto;cursor:default;border:1px solid var(--border)}.zipf-scale-legend{font-size:11px;color:var(--muted-foreground);margin-top:.5rem;text-align:center;line-height:1.5}.zipf-pool-stats{font-size:13px;color:var(--muted-foreground);text-align:center;margin:1rem 0}@media (max-width: 600px){.zipf-tier-track{gap:.5rem}.zipf-tier-stop{width:40px;height:40px}.zipf-tier-stop-value{font-size:12px}.zipf-tier-label{font-size:10px;max-width:60px}.zipf-frontier-canvas{max-width:100%}}:root{--background: #1a1e24;--foreground: #d8dee9;--card: #21262e;--card-foreground: #d8dee9;--primary: #88c0d0;--primary-foreground: #1a1e24;--secondary: #282e37;--muted: #282e37;--muted-foreground: #8e99a8;--border: #3b4252;--border-hover: #4c566a;--green: #a3be8c;--yellow: #ebcb8b;--orange: #d08770;--red: #d4737c;--purple: #b48ead;--frost-1: #8fbcbb;--frost-2: #88c0d0;--frost-3: #81a1c1;--frost-4: #5e81ac;--surface-0: #1a1e24;--surface-1: #21262e;--surface-2: #282e37;--surface-3: #2f3640}:root.light{--background: #eceff4;--foreground: #2e3440;--card: #e5e9f0;--card-foreground: #2e3440;--primary: #4c6d94;--primary-foreground: #eceff4;--secondary: #d8dee9;--muted: #d8dee9;--muted-foreground: #4c566a;--border: #c9cfda;--border-hover: #b0b8c7;--green: #558040;--yellow: #a57e1d;--orange: #be5637;--red: #be3744;--purple: #8d5283;--frost-1: #478c89;--frost-2: #407a95;--frost-3: #4c6d8e;--frost-4: #456487;--surface-0: #eceff4;--surface-1: #e5e9f0;--surface-2: #d8dee9;--surface-3: #c9cfda}*{box-sizing:border-box;margin:0;padding:0}body{font-family:JetBrains Mono,monospace;background:var(--surface-0);min-height:100vh;color:var(--foreground)}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}