:root{--color-primary: #007acc;--color-secondary: #00bcd4;--color-accent: #8e24aa;--color-text: #2e2e2e;--color-text-secondary: #6b6b6b;--color-bg: #ffffff;--color-bg-alt: #f9fafb;--color-bg-code: #e3eaf2;--color-border: #e3eaf2;--color-success: #4caf50;--color-error: #e53935;--color-warning: #ffb300;--color-info: #29b6f6;--shadow-card: 0 4px 10px rgba(0, 0, 0, .05);--transition: .25s ease-in-out}.dark{--color-primary: #4fc3f7;--color-secondary: #26c6da;--color-accent: #ba68c8;--color-text: #eaeaea;--color-text-secondary: #9ca3af;--color-bg: #1e1e1e;--color-bg-alt: #252526;--color-bg-code: #2d2d2d;--color-border: #2f2f2f;--color-success: #81c784;--color-error: #ef5350;--color-warning: #ffca28;--color-info: #4fc3f7;--shadow-card: 0 4px 10px rgba(0, 0, 0, .3);--transition: .25s ease-in-out}*,*:before,*:after{box-sizing:border-box;font-family:JetBrains Mono,monospace;font-optical-sizing:auto}html,body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-size:18px;height:100%}html,body,*{transition:background-color var(--transition),color var(--transition),border-color var(--transition)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}ul,ol,li{list-style:none;padding:0;margin:0}a{color:var(--color-secondary)}h1,h2,h3,h4,h5,h6{color:var(--color-primary)}pre{color:var(--color-bg-code)}.container{max-width:780px;padding:1rem;margin:0 auto;display:flex;flex-direction:column}.presentation{display:flex;flex-direction:column;align-items:center}.presentation-image{max-height:200px;max-width:200px;border-radius:50%;border:10px solid var(--color-border);background-color:var(--color-bg-alt)}.presentation-text{padding:1.5rem;line-height:1.7;color:var(--color-text);letter-spacing:.01rem;background:var(--color-bg-alt);border-radius:.75rem;border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.theme-toggle{background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:var(--transition);align-self:flex-end;margin-bottom:2.5rem}
