@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.btn{padding:.4rem .6rem;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;opacity:.85;transition:opacity .15s ease;color:var(--color-textcol);display:inline-flex;align-items:center;gap:.25rem}.btn:hover{opacity:1}.btn-primary{background:var(--color-button)}.btn-secondary{background:var(--color-button);padding:.15rem .5rem;font-size:.6em}.btn-tertiary{background:transparent;border:1px solid var(--color-border);color:var(--color-textcol);padding:4px 10px}.btn-nav{padding:0;font-size:.8em;border-radius:10%;max-height:22px}.action-btn{padding:.75rem 1rem;background:var(--color-button);border:1px solid var(--color-off-white);border-radius:4px;text-align:left}.btn-danger{background:var(--danger-red)}.btn:disabled{opacity:.35;cursor:not-allowed;background:var(--grey)}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.flex-col{display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .45s ease-out}:root{--color-darkbg: #003241;--color-darkbg-transparent: #003241bb;--color-darker: rgb(17, 37, 56);--color-lightbg: #004e66;--color-button: #007ea5;--btn-text-color: #e0e0e0;--color-border: rgba(255, 255, 255, .25);--color-transbg: rgba(255, 255, 255, .04);--color-transbg-hover: rgba(255, 255, 255, .09);--color-darktransbg: rgba(0, 0, 0, .35);--color-darktransbg-lighter: rgba(0, 0, 0, .1);--color-accent: #56f4ff;--color-accent-desat: #82afbc;--accents: #a9ced8;--accents-transparent: #a9ced8aa;--color-textcol: #e0e0e0;--color-off-white: #e0e0e0;--grey: #777;--darkgrey: #333;--warning-orange: #ffb74d;--danger-red: #f44336;--theme-glow: rgba(0, 126, 165, .2);--theme-transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease}[data-theme=hackercore]{--color-darkbg: #152417;--color-darkbg-transparent: rgba(21, 36, 23, .92);--color-darker: #1e3326;--color-lightbg: #032102;--color-button: #00ff66;--btn-text-color: #051509;--color-border: rgba(0, 255, 102, .28);--color-transbg: rgba(0, 255, 102, .06);--color-transbg-hover: rgba(0, 255, 102, .14);--color-darktransbg: rgba(11, 30, 11, .85);--color-darktransbg-lighter: rgba(38, 53, 37, .75);--color-accent: #00ff66;--color-accent-desat: #00cc52;--accents: #00ff66;--accents-transparent: rgba(0, 255, 102, .25);--color-textcol: #ddf8e4;--color-off-white: #f0fdf4;--grey: #7b8f82;--darkgrey: #1f2d24;--warning-orange: #ffb300;--danger-red: #ff385c;--theme-glow: 0 0 12px rgba(0, 255, 102, .35)}[data-theme=ghibli]{--color-darkbg: #183a32;--color-darkbg-transparent: rgba(24, 58, 50, .92);--color-darker: #0f2620;--color-lightbg: #2a4a3d;--color-button: #e6c27a;--btn-text-color: #2a1c08;--color-border: rgba(120, 196, 178, .3);--color-transbg: rgba(120, 196, 178, .06);--color-transbg-hover: rgba(120, 196, 178, .13);--color-darktransbg: rgba(15, 38, 32, .85);--color-darktransbg-lighter: rgba(33, 80, 68, .7);--color-accent: #7ec8e3;--color-accent-desat: #9bbccb;--accents: #7fc8a0;--accents-transparent: rgba(127, 200, 160, .25);--color-textcol: #eef3ea;--color-off-white: #f5f3e9;--grey: #9a9385;--darkgrey: #243027;--warning-orange: #d98c4a;--danger-red: #e8788a;--theme-glow: 0 0 12px rgba(230, 194, 122, .28)}[data-theme=solarpunk]{--color-darkbg: #ffe785;--color-darkbg-transparent: rgba(255, 231, 136, .884);--color-darker: #fad045;--color-lightbg: #ffeda6;--color-button: #e88d14;--btn-text-color: #a2581b;--color-border: rgba(180, 130, 45, .28);--color-transbg: rgba(232, 141, 20, .08);--color-transbg-hover: rgba(232, 141, 20, .16);--color-darktransbg: rgba(255, 248, 191, .88);--color-darktransbg-lighter: rgba(255, 247, 217, .72);--color-accent: #16a34a;--color-accent-desat: #22c55e;--accents: #15803d;--accents-transparent: rgba(22, 163, 74, .2);--color-textcol: #232f22;--color-off-white: #142013;--grey: #6b7768;--darkgrey: #384335;--warning-orange: #d97706;--danger-red: #dc2626;--theme-glow: 0 0 14px rgba(232, 141, 20, .4)}[data-theme=synthwave]{--color-darkbg: #150d2a;--color-darkbg-transparent: rgba(21, 13, 42, .92);--color-darker: #0d071a;--color-lightbg: #261447;--color-button: #ff2a85;--btn-text-color: #ffffff;--color-border: rgba(0, 240, 255, .32);--color-transbg: rgba(255, 42, 133, .08);--color-transbg-hover: rgba(255, 42, 133, .16);--color-darktransbg: rgba(13, 7, 26, .88);--color-darktransbg-lighter: rgba(38, 20, 71, .75);--color-accent: #00f0ff;--color-accent-desat: #05d9e8;--accents: #00f0ff;--accents-transparent: rgba(0, 240, 255, .28);--color-textcol: #f5eefa;--color-off-white: #fdfafd;--grey: #8a7c9b;--darkgrey: #201338;--warning-orange: #ff9f1c;--danger-red: #ff3366;--theme-glow: 0 0 14px rgba(255, 42, 133, .55)}body{margin:0;padding:0;font-family:ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background-color:var(--color-darkbg);color:var(--color-textcol);transition:var(--theme-transition)}select{border-color:var(--color-border);background-color:var(--color-darktransbg-lighter);padding:.1rem 0;color:var(--color-textcol);transition:var(--theme-transition)}select:focus{outline:none;box-shadow:none;background-color:var(--color-darktransbg-lighter)}option{background-color:var(--color-darkbg);color:var(--color-textcol)}textarea{border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-darktransbg-lighter);color:var(--color-textcol);padding:.5rem;font-family:inherit;transition:var(--theme-transition)}input[type=range]{accent-color:var(--color-button);cursor:pointer;transition:var(--theme-transition)}input,textarea,select{transition:var(--theme-transition)}input:focus,textarea:focus,select:focus{outline:none;box-shadow:none}*{scrollbar-width:thin}div{scrollbar-color:rgba(180,180,180,.5) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b4b4b480;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b4b4b4cc}[data-theme=hackercore] div{scrollbar-color:rgba(0,255,102,.4) transparent}[data-theme=hackercore] ::-webkit-scrollbar-thumb{background:#00ff6659}[data-theme=hackercore] ::-webkit-scrollbar-thumb:hover{background:#00ff66b3;box-shadow:0 0 8px #00ff6680}[data-theme=hackercore] input:focus,[data-theme=hackercore] textarea:focus,[data-theme=hackercore] select:focus{border-color:#0f6;box-shadow:0 0 8px #00ff664d}[data-theme=hackercore] .btn-primary,[data-theme=hackercore] .btn-secondary{color:#051509!important;font-weight:600;box-shadow:0 0 6px #0f63}[data-theme=hackercore] .btn-primary:hover,[data-theme=hackercore] .btn-secondary:hover{box-shadow:0 0 14px #00ff668c}[data-theme=hackercore] .btn-tertiary{border-color:#00ff6659;color:#0f6}[data-theme=hackercore] .btn-tertiary:hover{background:#00ff661a;border-color:#0f6}[data-theme=hackercore] .btn-outline{border-color:#0f66;color:#0f6}[data-theme=hackercore] .btn-outline:hover:not(:disabled){background:#0f6;color:#051509;font-weight:600}[data-theme=ghibli] div{scrollbar-color:rgba(143,207,172,.4) transparent}[data-theme=ghibli] ::-webkit-scrollbar-thumb{background:#8fcfac59}[data-theme=ghibli] ::-webkit-scrollbar-thumb:hover{background:#8fcfacb3;box-shadow:0 0 8px #8fcfac80}[data-theme=ghibli] input:focus,[data-theme=ghibli] textarea:focus,[data-theme=ghibli] select:focus{border-color:#7ec8e3;box-shadow:0 0 8px #7ec8e34d}[data-theme=ghibli] .btn-primary,[data-theme=ghibli] .btn-secondary{color:#2a1c08!important;font-weight:600;box-shadow:0 0 6px #e6c27a40}[data-theme=ghibli] .btn-primary:hover,[data-theme=ghibli] .btn-secondary:hover{box-shadow:0 0 14px #e6c27a8c}[data-theme=ghibli] .btn-tertiary{border-color:#7fc8a059;color:#7fc8a0}[data-theme=ghibli] .btn-tertiary:hover{background:#7fc8a01a;border-color:#7fc8a0}[data-theme=ghibli] .btn-outline{border-color:#7fc8a066;color:#7fc8a0}[data-theme=ghibli] .btn-outline:hover:not(:disabled){background:#7fc8a0;color:#0f2620;font-weight:600}[data-theme=solarpunk] div{scrollbar-color:rgba(180,130,45,.45) transparent}[data-theme=solarpunk] ::-webkit-scrollbar-thumb{background:#b4822d59}[data-theme=solarpunk] ::-webkit-scrollbar-thumb:hover{background:#b4822db3;box-shadow:0 0 8px #e88d1473}[data-theme=solarpunk] input,[data-theme=solarpunk] textarea,[data-theme=solarpunk] select{background-color:#fffffff2;color:#232f22;border-color:#b4822d59}[data-theme=solarpunk] input:focus,[data-theme=solarpunk] textarea:focus,[data-theme=solarpunk] select:focus{border-color:#e88d14;box-shadow:0 0 8px #e88d1459;background-color:#fff}[data-theme=solarpunk] option{background-color:#fff;color:#232f22}[data-theme=solarpunk] .btn-primary,[data-theme=solarpunk] .btn-secondary{background-color:#e88d14;color:#fff!important;font-weight:600;box-shadow:0 2px 8px #e88d1459}[data-theme=solarpunk] .btn-primary:hover,[data-theme=solarpunk] .btn-secondary:hover{background-color:#cf790c;box-shadow:0 4px 14px #e88d148c}[data-theme=solarpunk] .btn-tertiary{border-color:#16a34a66;color:#15803d}[data-theme=solarpunk] .btn-tertiary:hover{background:#16a34a1f;border-color:#16a34a}[data-theme=solarpunk] .btn-outline{border-color:#e88d148c;color:#b45309}[data-theme=solarpunk] .btn-outline:hover:not(:disabled){background:#e88d14;color:#fff;font-weight:600}[data-theme=synthwave] div{scrollbar-color:rgba(0,240,255,.4) transparent}[data-theme=synthwave] ::-webkit-scrollbar-thumb{background:#00f0ff59}[data-theme=synthwave] ::-webkit-scrollbar-thumb:hover{background:#00f0ffb3;box-shadow:0 0 8px #00f0ff80}[data-theme=synthwave] input:focus,[data-theme=synthwave] textarea:focus,[data-theme=synthwave] select:focus{border-color:#ff2a85;box-shadow:0 0 8px #ff2a8566}[data-theme=synthwave] .btn-primary,[data-theme=synthwave] .btn-secondary{color:#fff!important;font-weight:600;box-shadow:0 0 8px #ff2a8559}[data-theme=synthwave] .btn-primary:hover,[data-theme=synthwave] .btn-secondary:hover{box-shadow:0 0 16px #ff2a85a6}[data-theme=synthwave] .btn-tertiary{border-color:#00f0ff59;color:#00f0ff}[data-theme=synthwave] .btn-tertiary:hover{background:#00f0ff1a;border-color:#00f0ff}[data-theme=synthwave] .btn-outline{border-color:#00f0ff73;color:#00f0ff}[data-theme=synthwave] .btn-outline:hover:not(:disabled){background:#00f0ff;color:#0d071a;font-weight:600}
