.counter-controls{display:flex;align-items:center;gap:2rem}.counter-display{-webkit-user-select:none;user-select:none;cursor:default}.counter-display:focus{outline:none}.temp-converter{display:flex;align-items:center;gap:1rem}.temp-label{font-size:1.5rem;color:var(--color-text)}.temp-equals{font-size:1.5rem;color:var(--color-text-muted)}:root{--color-bg: #1a1a1a;--color-card: #2a2a2a;--color-input: #333;--color-border: #444;--color-card-border: #383838;--color-card-border-hover: #f59e0b;--color-card-hover: #303030;--color-button: #444;--color-button-hover: #555;--color-button-active: #4a4a4a;--color-text: #fff;--color-text-muted: #888;--color-accent: #f59e0b;--spacing-sm: 1rem;--spacing-md: 2.5rem;--spacing-lg: 3rem;--spacing-xl: 5rem;--control-height: 4rem;--input-width: 150px;--radius: 4px;--radius-lg: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--color-bg);color:var(--color-text)}.task-title{font-size:2.5rem;font-weight:600;color:var(--color-accent);letter-spacing:.05em}.index-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.index-title{font-size:3rem;font-weight:700;color:var(--color-accent);letter-spacing:.05em}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.card{background:var(--color-card);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);font-size:1.5rem;font-weight:500;text-align:center;min-width:220px;transition:background .15s ease,transform .15s ease;border:1px solid var(--color-card-border)}.card:hover{background:var(--color-card-hover)}.card--interactive:hover{border-color:var(--color-card-border-hover)}.task-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.input{font-family:Consolas,monospace;font-size:2rem;color:var(--color-text);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius);padding:0 var(--spacing-sm);width:var(--input-width);height:var(--control-height);text-align:right}.input:focus{outline:1px solid var(--color-accent)}.button{font-family:inherit;font-size:2rem;color:var(--color-text);background:var(--color-button);border:none;padding:0 var(--spacing-md);height:var(--control-height);border-radius:var(--radius);cursor:pointer}.button:hover{background:var(--color-button-hover)}.button:active{background:var(--color-button-active)}.coming-soon{color:var(--color-text-muted);font-size:1.25rem;font-style:italic}.back-link{position:fixed;top:var(--spacing-md);left:var(--spacing-md);color:var(--color-text);text-decoration:none;font-size:1.5rem}.back-link:hover{color:var(--color-accent)}