/* Unminified: https://schaerli.org/css/main.unminified.css */
:root{--bg_h:#1a1918;--bg:#262624;--bg_s:#2f2d2b;--bg1:#3a3835;--bg2:#45423f;--bg3:#524f4c;--bg4:#5f5c59;--fg:#f5f3f0;--fg1:#ede9e4;--fg2:#c4bfb7;--fg3:#9b958c;--fg4:#78726a;--red:#ff6b5a;--green:#7fb069;--yellow:#f4d03f;--blue:#6fa8dc;--purple:#b19cd9;--aqua:#5daca8;--gray:#9b958c;--orange:#f39c12;--red-dim:#d84315;--green-dim:#689f38;--yellow-dim:#f57f17;--blue-dim:#5b8bb5;--purple-dim:#9575cd;--aqua-dim:#4db6ac;--gray-dim:#78726a;--orange-dim:#e67e22;--primary-color:var(--orange);--secondary-color:var(--orange-dim);--bg-color:var(--bg);--surface-color:var(--bg1);--text-primary:var(--fg);--text-secondary:var(--fg3);--success-color:var(--green);--error-color:var(--red);--warning-color:var(--yellow);--header-background:var(--bg1);--header-color:var(--fg);--footer-background:var(--bg1);--footer-color:var(--fg);--bright:var(--fg);--dark:var(--bg_h);--border-radius:8px;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem}:root[data-theme=light]{--bg_h:#f9f5d7;--bg:#fdf6e3;--bg_s:#f2e5bc;--bg1:#eee8d5;--bg2:#d5c4a1;--bg3:#bdae93;--bg4:#a89984;--fg:#282828;--fg1:#073642;--fg2:#504945;--fg3:#665c54;--fg4:#7c6f64;--red:#9d0006;--green:#79740e;--yellow:#b57614;--blue:#076678;--purple:#8f3f71;--aqua:#427b58;--orange:#af3a03;--gray:#928374;--red-dim:#cc2412;--green-dim:#98971a;--yellow-dim:#d79921;--blue-dim:#458598;--purple-dim:#b16286;--aqua-dim:#689d6a;--orange-dim:#d65d0e;--gray-dim:#7c6f64;--primary-color:var(--aqua);--secondary-color:var(--blue-dim);--bg-color:var(--bg);--surface-color:var(--bg1);--text-primary:var(--fg);--text-secondary:var(--gray);--success-color:var(--green);--error-color:var(--red);--warning-color:var(--yellow);--header-background:var(--fg1);--header-color:var(--bg1);--footer-background:var(--fg1);--footer-color:var(--bg1);--bright:var(--bg1);--dark:var(--fg);--border-radius:8px;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem}body,html{margin:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease;color:var(--text-primary);line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--fg3);margin-top:2rem;margin-bottom:var(--spacing-md);font-weight:600}h1{border-bottom:2px solid var(--fg2);padding-bottom:.5rem}p{margin-bottom:var(--spacing-md)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}header{background-color:var(--header-background);padding:1rem 2rem;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000}nav{display:flex;justify-content:space-between;align-items:center}.home-link,.site-title{font-size:1.5rem;color:var(--header-color);font-weight:700;text-decoration:none}.home-link:hover{color:var(--blue-dim)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.user-section{display:flex;align-items:center;gap:var(--spacing-md)}.username{color:var(--text-secondary);text-decoration:none}main{flex:1;padding:20px}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--border-radius);border:none;cursor:pointer;font-weight:500;transition:all .2s;text-decoration:none}.btn-primary{background-color:var(--primary-color);transition:background-color .3s ease,color .3s ease;color:var(--bg)}.btn-secondary{background-color:var(--secondary-color);transition:background-color .3s ease,color .3s ease;color:var(--bg)}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn-icon{background:0 0;border:none;padding:.25rem;cursor:pointer;color:var(--text-secondary);font-size:1rem;transition:color .2s}.btn-icon:hover{color:var(--primary-color)}.form-group{margin-bottom:var(--spacing-md)}.form-control{display:inline-block;width:100%;border:1px solid var(--surface-color);border-radius:var(--border-radius);background-color:var(--surface-color);transition:background-color .3s ease,color .3s ease;color:var(--text-primary)}input.form-control{border:1px solid var(--text-secondary);padding:.75em}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-md);margin-top:var(--spacing-lg)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.card{background-color:var(--surface-color);transition:background-color .3s ease,color .3s ease;border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s}.card:hover{transform:translateY(-2px)}#info-circle,#replay-circle{position:absolute;bottom:20px;width:30px;height:30px;background-color:var(--gray);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--fg)}#info-tooltip,#replay-tooltip{position:absolute;bottom:60px;background-color:var(--surface-color);color:var(--text-secondary);padding:10px;border-radius:5px;max-width:400px;display:none}#info-circle:hover #info-tooltip,#replay-circle:hover #replay-tooltip{display:block}.toast{position:fixed;bottom:2rem;right:2rem;background-color:var(--success-color);color:var(--bg);padding:1rem 2rem;border-radius:4px;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.2);transform:translateY(150%);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.toast.show{transform:translateY(0);opacity:1}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}#content{max-width:1000px;margin:0 auto;padding:6rem}footer{background-color:var(--footer-background);padding:1rem;display:flex;flex-direction:column;align-items:center}#social-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.social-link{font-size:1.5rem;color:var(--footer-color);text-decoration:none;transition:color .3s ease}.social-link:hover{color:var(--blue)}@media (max-width:1100px){#content{max-width:80%}}@media (max-width:768px){#content{padding:1rem;max-width:80%}}