:root{--bg-color: #f8fafc;--text-color: #000000;--surface-color: #ffffff;--border-color: #000000;--highlight-bg: #b04c00;--highlight-text: #ffffff}body.dark-mode{--bg-color: #1a1a1a;--text-color: #f0f0f0;--surface-color: #2b2b2b;--border-color: #888888;--highlight-bg: #ff8c00}::selection{background-color:var(--highlight-bg);color:var(--highlight-text)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}#app{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%}h1{text-align:center;color:var(--text-color)}p{color:var(--text-color)}.main-count{display:flex;font-size:32px;align-items:center}header{display:flex;gap:20px;justify-content:center}header div{display:flex;flex-direction:column}main{display:flex;justify-content:center;width:90%;max-width:800px}textarea{width:100%;height:50vh;resize:vertical;background-color:var(--surface-color);color:var(--text-color);font-size:18px}footer{display:flex;gap:10px;justify-content:center;padding-top:20px;font-weight:700}footer p{border:1px solid var(--border-color);padding:5px;border-radius:5px}footer span{font-weight:500}.card{border:1px solid var(--border-color);padding:10px;border-radius:5px;margin:10px;background-color:var(--surface-color);box-shadow:#00000024 6px 5px 10px 2px}.selected,.selected p{background-color:var(--highlight-bg);color:var(--highlight-text);font-weight:700}button{background:none;border:none;font-size:24px;cursor:pointer}.top-nav{width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);box-shadow:#00000008 6px 5px 10px 2px}.nav-logo{font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;font-size:.9rem}.nav-link:hover{text-decoration:underline}.nav-left h1,.nav-left a{margin:0;line-height:1;text-decoration:none;color:var(--text-color)}@media screen and (max-width:600px){header{gap:0;flex-direction:column}.main-count{flex-direction:row;gap:1rem}footer{flex-direction:column}}