:root{--color-bg-primary: #eaeaea;--color-bg-secondary: #acaba9;--color-bg-tertiary: #75706f;--color-bg-code: #c9c8c6;--color-text-primary: #121212;--color-text-secondary: #2c2c2c;--color-text-tertiary: #75706f;--color-accent-primary: #2c2c2c;--color-accent-secondary: #121212;--color-accent-hover: #75706f;--color-border: #acaba9;--color-border-hover: #75706f;--color-success: #28a745;--color-error: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-highlight: #d2b1ff}[data-theme=dark]{--color-bg-primary: #121212;--color-bg-secondary: #2c2c2c;--color-bg-tertiary: #75706f;--color-bg-code: #1f1f1f;--color-text-primary: #eaeaea;--color-text-secondary: #acaba9;--color-text-tertiary: #75706f;--color-accent-primary: #acaba9;--color-accent-secondary: #eaeaea;--color-accent-hover: #75706f;--color-border: #2c2c2c;--color-border-hover: #75706f;--color-success: #4caf50;--color-error: #f44336;--color-warning: #ff9800;--color-info: #2196f3;--color-highlight: #8b7cb8}*{margin:0;padding:0;box-sizing:border-box;font-weight:500}body{font-family:JetBrains Mono,Merriweather,Montserrat,monospace,serif,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}input,textarea{font-variant-ligatures:none}button{font-family:JetBrains Mono,Merriweather,Montserrat,monospace,serif,sans-serif}a{text-decoration:none}.navbar{width:100%;padding:1rem 2rem;background-color:var(--color-bg-primary)}.navbar-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-title{position:absolute;left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:.25rem;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:all .2s ease;margin-left:auto;color:var(--color-text-primary)}.theme-toggle:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-secondary)}.theme-toggle:active{transform:scale(.95)}.regex-problem-container{width:100%;display:flex;align-items:center;flex-direction:column}.regex-problem-text-container{width:fit-content;max-width:1000px;padding:0 2em;margin-bottom:1em}.regex-problem-text{padding:.8em;border-radius:.5em;font-weight:600;color:var(--color-text-secondary);text-align:left;font-size:1.2em;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.regex-highlight{color:var(--color-text-primary);background-color:var(--color-highlight);font-weight:600;padding:2px 0;border-radius:2px}.regex-problem-bottom-container{width:100%;max-width:700px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;padding:1em 2em;box-sizing:border-box}.regex-problem-info-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:1em}.regex-problem-info-row{display:flex;flex-direction:row;gap:10px;align-items:flex-start}.regex-problem-label{color:var(--color-text-primary);font-weight:500}.regex-description{color:var(--color-text-primary);font-size:1em;font-weight:400;text-align:left;line-height:1.5}.regex-difficulty{font-size:1em;font-weight:500;text-align:left}.inline-code{background-color:var(--color-bg-code);padding:2px 6px;border-radius:3px;font-family:JetBrains Mono,monospace;color:var(--color-text-secondary)}.regex-input-row{display:flex;flex-direction:row;align-items:center;gap:5px;width:100%;margin-bottom:8px}.regex-separator{color:var(--color-accent-primary);font-size:1.4em;font-weight:400}.regex-input{font-size:1.2em;text-align:left;background-color:transparent;border:none;color:var(--color-accent-primary);outline:none;border-bottom:1px solid var(--color-border);font-weight:400;font-family:JetBrains Mono,monospace}.regex-input::placeholder{color:var(--color-text-tertiary);font-weight:400;opacity:1}.regex-input:focus{border-bottom-color:var(--color-accent-primary)}.regex-input-pattern{flex:1}.regex-input-flags{width:60px}.regex-subtext{display:flex;width:100%;color:var(--color-text-tertiary);font-size:.7em;font-weight:400;margin-bottom:10px;text-align:left}.regex-validation-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:10px;margin-top:10px}.regex-validation-message{font-size:1em;font-weight:400;text-align:left;padding:8px 12px;border-radius:4px;line-height:1.5}.regex-validation-message.correct{color:var(--color-success);background-color:#4caf501a}.regex-validation-message.incorrect{color:var(--color-error);background-color:#f443361a}.regex-next-button{font-size:1em;font-weight:400;text-align:left;padding:8px 12px;border-radius:4px;line-height:1.5;border:none;background-color:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;font-family:inherit;transition:background-color .2s ease;margin-left:auto}.regex-next-button:hover,.regex-next-button:active{background-color:var(--color-bg-tertiary)}.regex-next-button:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media(max-width:800px){.regex-problem-text-container{padding:0 1em}.regex-problem-bottom-container{padding:1em}}.home-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-section{width:100%;margin-top:5em;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;align-items:center;font-weight:100}@media(max-width:800px){.home-section{margin-top:2em}}