.tool-container{max-width:720px;margin:0 auto;padding:20px}h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.tool-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}#tool-area{background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.stopwatch-display{position:relative;text-align:center;margin-bottom:2rem;padding:2rem 1rem;background:linear-gradient(135deg,#6c3ce10d,#0ea5e90d);border-radius:var(--radius-md);border:1px solid var(--border-color)}.running-indicator{position:absolute;top:1rem;right:1rem;width:12px;height:12px;background:var(--accent-success);border-radius:50%;opacity:0;transition:opacity .3s ease}.running-indicator.pulse{opacity:1;animation:pulse-animation 1s infinite}@keyframes pulse-animation{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}#timeDisplay{font-size:4rem;font-weight:700;font-family:JetBrains Mono,Fira Code,monospace;color:var(--accent-primary);letter-spacing:.05em;line-height:1;word-spacing:.2em;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:640px){#timeDisplay{font-size:3rem}}.stopwatch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{font-size:1.25rem;font-weight:600;font-family:JetBrains Mono,Fira Code,monospace;color:var(--accent-primary)}.stopwatch-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}@media(max-width:640px){.stopwatch-controls{grid-template-columns:repeat(2,1fr)}}.btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #6c3ce14d}.btn-primary:hover{background:#5d2fcf;box-shadow:0 6px 16px #6c3ce166;transform:translateY(-2px)}.btn-primary.btn-active{background:#ef4444;box-shadow:0 4px 12px #ef44444d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{padding:.5rem 1rem;font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.btn-icon:hover:not(:disabled){background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.shortcuts-hint{text-align:center;padding:1rem;background:#6c3ce114;border-radius:var(--radius-md);margin-bottom:2rem;font-size:.875rem;color:var(--text-secondary)}.shortcuts-hint p{margin:0}.shortcuts-hint kbd{background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.75rem;border:1px solid var(--border-color);display:inline-block;margin:0 .25rem}.laps-section{margin-bottom:2rem}.laps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.laps-header h3{font-size:1.25rem;margin:0;color:var(--text-primary)}.laps-actions{display:flex;gap:.5rem}.laps-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.laps-table{width:100%;border-collapse:collapse;background:var(--bg-secondary)}.laps-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.laps-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.laps-table td{padding:.75rem;border-bottom:1px solid var(--border-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem}.laps-table tbody tr{transition:background-color .2s ease}.laps-table tbody tr:hover{background:#6c3ce11a}.laps-table tbody tr:last-child td{border-bottom:none}.lap-fastest{background:#10b98114!important}.lap-fastest .lap-split{color:var(--accent-success);font-weight:600}.lap-slowest{background:#ef444414!important}.lap-slowest .lap-split{color:var(--accent-error);font-weight:600}.lap-number{color:var(--text-secondary);width:50px}.no-laps-message{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-md)}.session-history-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.session-history-section h3{font-size:1.125rem;margin-bottom:1rem;color:var(--text-primary)}.session-history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.session-history-item{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .3s ease}.session-history-item:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.session-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.session-info strong{font-family:JetBrains Mono,monospace;color:var(--accent-primary);font-size:1rem}.session-laps{font-size:.75rem;background:var(--accent-primary);color:#fff;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.session-timestamp{font-size:.75rem;color:var(--text-muted)}.no-sessions-message{text-align:center;padding:2rem;color:var(--text-secondary)}.seo-content{margin-top:3rem;padding-top:3rem;border-top:2px solid var(--border-color)}.seo-content h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:var(--text-primary)}.seo-content h2:first-child{margin-top:0}.seo-content h3{font-size:1.125rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-primary)}.seo-content p{line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.seo-content ul{list-style:none;padding-left:0;margin-bottom:1.5rem}.seo-content li{padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-secondary);line-height:1.6;position:relative}.seo-content li:before{content:"•";position:absolute;left:0;color:var(--accent-primary);font-weight:700}#tool-area:fullscreen{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-primary);padding:0;border:none;border-radius:0}#tool-area:fullscreen .stopwatch-display{padding:4rem 2rem;width:100%;max-width:none;margin:0}#tool-area:fullscreen #timeDisplay{font-size:8rem;margin-bottom:2rem}#tool-area:fullscreen .stopwatch-controls,#tool-area:fullscreen .laps-section,#tool-area:fullscreen .session-history-section,#tool-area:fullscreen .shortcuts-hint{display:none}#tool-area:fullscreen .stopwatch-stats{grid-template-columns:repeat(3,auto);gap:3rem;margin-bottom:3rem;font-size:1.5rem}