@import "https://fonts.googleapis.com/css2?family=Jacquard+12&family=Space+Mono:wght@400;700&display=swap";
*,:before,:after{box-sizing:border-box}.splash{background:var(--bg);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s;display:flex;position:fixed;top:0;left:0}.splash-logo{color:var(--text);font-family:"Jacquard 12",Space Mono,monospace;font-size:10rem;font-weight:400;animation:2s ease-in-out infinite pulse}.splash.fade-out{opacity:0;pointer-events:none}.splash.fade-out .splash-logo{animation:.8s ease-in-out forwards flyToCorner}.main-content{opacity:0;transition:opacity .5s}.main-content.visible{opacity:1}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes flyToCorner{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(calc(150px - 50vw),calc(50px - 50vh))scale(.2)}}@keyframes flyToCenter{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-50%,calc(50px - 50vh))scale(.2)}}html,body{margin:0;padding:0}:root{--bg:#0d1117;--surface:#161b22;--surface-2:#1f2937;--surface-3:#374151;--border:#30363d;--border-hover:#4a5568;--text:#e6edf3;--text-muted:#8b949e;--text-dim:#6e7681;--accent:#58a6ff;--accent-hover:#79c0ff;--green:#3fb950;--red:#f85149;--yellow:#d29922;--radius:6px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Space Mono,Monaco,Inconsolata,Fira Code,Roboto Mono,monospace;font-size:14px;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"\a \a \a                      \\0/\a                       |_\a                       |/\a      .-------.        |\a      |_______|____________\a     /====0=[]\a  __/______/__\\____\a                 `\\~^~^~^~^~^~^~^~^~^\a \a                Let's dive in!";color:#326aaa;pointer-events:none;z-index:0;white-space:pre;opacity:.65;font-family:monospace;font-size:16px;line-height:1.2;position:fixed;bottom:0%;left:50%;transform:translate(-50%,-50%)}main{z-index:1;max-width:85%;margin:0 auto;padding:1.5rem;position:relative}@media (min-width:768px){main{padding:2rem}}.nav{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex;position:sticky;top:0}.nav .nav-brand{color:var(--text);letter-spacing:.05em;border-radius:0;padding:0;font-size:3rem;font-weight:700;text-decoration:none;transition:color .15s;background:0 0!important;border:none!important;font-family:"Jacquard 12",Space Mono,monospace!important}.nav .nav-brand:hover{color:var(--accent);background:0 0!important;border:none!important}.nav-links{gap:.5rem;display:flex}.nav a{color:var(--text-muted);border-radius:var(--radius);border:1px solid #0000;padding:.5rem .875rem;font-size:.875rem;text-decoration:none;transition:all .15s}.nav a:hover{color:var(--accent);background:var(--surface-2);border-color:var(--border-hover)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card+.card{margin-top:1rem}h1,h2,h3{letter-spacing:-.02em;margin:0 0 1rem;font-weight:600}h1{color:var(--text);font-size:1.75rem}h2{color:var(--text-muted);font-size:1.25rem}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}thead{background:var(--surface-2);border-bottom:1px solid var(--border)}th,td{border-bottom:1px solid var(--border);text-align:center;white-space:nowrap;padding:.75rem 1rem;font-size:.875rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}tfoot tr{background:var(--surface-2);border-top:1px solid var(--border);font-weight:600}th{cursor:pointer;-webkit-user-select:none;user-select:none}th:hover,th.active{color:var(--accent)}form{gap:1rem;display:grid}label{color:var(--text-muted);margin-bottom:.25rem;font-size:.875rem;font-weight:500}input,select,button{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:all .15s}input[type=number]{-moz-appearance:textfield}input[type=file]{padding:8px 0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=file]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=file]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input,select{appearance:none}input:focus,select:focus{border-color:var(--accent);background:var(--surface);outline:none}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%238b949e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}select:hover{border-color:var(--border-hover)}button{cursor:pointer;font-weight:500;transition:all .15s}button:hover{border-color:var(--border-hover);background:var(--surface-2)}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:#000}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.secondary{background:var(--surface-2)}button.danger{border-color:var(--red);color:var(--red);background:0 0}button.danger:hover{background:var(--red);color:var(--text)}.flex{align-items:center;gap:.5rem;display:flex}.flex-between{justify-content:space-between;align-items:center;gap:1rem;display:flex}.right{text-align:right}.muted{color:var(--text-muted)}.positive{color:var(--green);font-weight:600}.negative{color:var(--red);font-weight:600}@media (max-width:640px){main{max-width:98%}h1{font-size:1.5rem}.nav{flex-wrap:wrap}th,td{padding:.5rem;font-size:.75rem}body:before{font-size:12px}.nav .nav-brand{margin:auto;font-size:5rem}.nav a{margin:auto;padding:0 .5rem}.nav{gap:0}.splash{background:var(--bg);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s;display:flex;position:fixed;top:0;left:0}.splash-logo{color:var(--text);font-family:"Jacquard 12",Space Mono,monospace;font-size:8rem;font-weight:400;animation:2s ease-in-out infinite pulse}.splash.fade-out{opacity:0;pointer-events:none}.splash.fade-out .splash-logo{animation:.8s ease-in-out forwards flyToCenter}.main-content{opacity:0;transition:opacity .5s}.main-content.visible{opacity:1}}