:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-light: #ffffff;--background-dark: #242424;--text-light: #213547;--text-dark: rgba(255, 255, 255, .87);--button-bg-light: #f9f9f9;--button-bg-dark: #1a1a1a;--button-border-hover-light: #747bff;--button-border-hover-dark: #646cff}body{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:320px;min-height:100vh;transition:background-color .3s,color .3s;background-color:var(--background-light);color:var(--text-light)}a{font-weight:500;color:var(--button-border-hover-dark);text-decoration:inherit}a:hover{color:var(--button-border-hover-light)}h1{font-size:3.2em;line-height:1.1}.card{padding:2em;background-color:var(--background-light);border-radius:8px;box-shadow:0 4px 10px #0000001a;transition:background-color .3s,color .3s,box-shadow .3s}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg-light);color:inherit;cursor:pointer;transition:border-color .25s,background-color .3s,box-shadow .3s}button:hover{border-color:var(--button-border-hover-dark)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: dark){body{background-color:var(--background-dark);color:var(--text-dark)}.card{background-color:#2e2e3a;box-shadow:0 4px 10px #00000080}button{background-color:var(--button-bg-dark)}a{color:var(--button-border-hover-light)}a:hover{color:var(--button-border-hover-dark)}}body{font-family:Arial,sans-serif;margin:0;padding:0;transition:background-color .3s,color .3s;background-repeat:no-repeat;background-size:cover;background-position:center}body.light{background-color:#f4f7fc;background-image:url(../images/lightbackground.png);color:#fff;font-weight:650;--button-bg: #ffffff;--button-hover-bg: #f0f0f0;--button-text-color: #333;--button-border: #cccccc}body.dark{background-color:#1a1a2e;background-image:url(../images/darkbackground.png);color:#000;font-weight:650;--button-bg: #333333;--button-hover-bg: #555555;--button-text-color: #eaeaea;--button-border: #666666}.container.svelte-bq8lwi{max-width:600px;margin:40px auto;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center;transition:background-color .3s}header.svelte-bq8lwi{display:flex;justify-content:space-between;align-items:center;padding:20px}h1.svelte-bq8lwi{font-size:2rem;margin:0;font-weight:700}.toggle-icon.svelte-bq8lwi{font-size:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s}.toggle-icon.svelte-bq8lwi:hover{transform:scale(1.2)}.quote.svelte-bq8lwi{font-size:1.8rem;font-weight:600;margin:20px 0;line-height:1.5}.author.svelte-bq8lwi{font-style:italic;font-weight:700;margin-bottom:20px}button.svelte-bq8lwi{padding:10px 20px;font-size:1rem;color:var(--button-text-color);background-color:var(--button-bg);border:1px solid var(--button-border);border-radius:5px;cursor:pointer;margin:5px;transition:background-color .3s,box-shadow .3s,border-color .3s}button.svelte-bq8lwi:hover{background-color:var(--button-hover-bg);border-color:var(--button-border);box-shadow:0 0 10px #0000001a}button.svelte-bq8lwi:disabled{background-color:#aaa;color:#666;cursor:not-allowed}.notification.svelte-bq8lwi{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#444;color:#fff;padding:10px 20px;border-radius:5px;font-size:1rem;display:none}.notification.show.svelte-bq8lwi{display:block}.about-section.svelte-bq8lwi{margin:40px auto;max-width:600px;padding:20px;text-align:center;border-radius:10px;background-color:#0000000d;color:inherit;box-shadow:0 4px 10px #0000001a;transition:background-color .3s,color .3s}body.dark .about-section{background-color:#ffffff1a;color:inherit}.about-section.svelte-bq8lwi a:where(.svelte-bq8lwi){color:inherit;text-decoration:underline;font-weight:700}.about-section.svelte-bq8lwi a:where(.svelte-bq8lwi):hover{text-decoration:none}footer.svelte-bq8lwi{margin-top:20px;padding:10px 20px;text-align:center;font-size:1rem;color:inherit;background-color:#0000000d}body.dark footer{background-color:#ffffff0d}
