:root{--primary: var(--logger-accent);--primary-dark: #0f766e;--primary-light: #5eead4;--bg-main: var(--logger-bg-base);--bg-surface: var(--logger-bg-surface);--bg-elevated: var(--logger-input);--text-primary: var(--logger-text-main);--text-secondary: var(--logger-text-sub);--text-muted: var(--logger-text-sub);--success: var(--logger-accent);--warning: #e68161;--error: #ff5459;--border: var(--logger-border);--border-hover: var(--logger-accent)}.logger-theme{background:var(--bg-main);color:var(--text-primary);font-family:Noto Sans JP,sans-serif;transition:background-color .3s,color .3s,border-color .3s}.logger-surface{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.logger-surface:hover{border-color:var(--border-hover)}.logger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.logger-btn-primary{background:var(--primary);color:var(--bg-main)}.logger-btn-primary:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #22d3ee4d}.logger-btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.logger-btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-surface)}.logger-input{width:100%;min-height:48px;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.logger-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #22d3ee1a}.logger-input::-moz-placeholder{color:var(--text-muted)}.logger-input::placeholder{color:var(--text-muted)}.logger-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.logger-timer{font-family:Courier New,monospace;font-size:3rem;font-weight:600;color:var(--primary);text-align:center;letter-spacing:.1em}.logger-vps{font-family:Courier New,monospace;font-size:2rem;font-weight:600;color:var(--success);text-align:center}.logger-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.logger-badge-active{background:#22d3ee33;color:var(--primary)}.logger-badge-complete{background:#22d3ee33;color:var(--success)}.logger-badge-warning{background:#e6816133;color:var(--warning)}.logger-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.logger-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:640px){.logger-grid-2,.logger-grid-3{grid-template-columns:1fr}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.logger-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.logger-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.delay-countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.logger-section{position:relative;padding:1.25rem;margin-bottom:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px}.logger-section+.logger-section{margin-top:1rem}.logger-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.logger-section-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary);color:var(--bg-main);font-size:.875rem;font-weight:700;border-radius:50%;flex-shrink:0}.logger-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.logger-section-content{padding-left:0}.logger-section[data-section="1"] .logger-section-number{background:var(--primary)}.logger-section[data-section="2"] .logger-section-number{background:#f59e0b}.logger-section[data-section="3"] .logger-section-number{background:#8b5cf6}.logger-section[data-section="4"] .logger-section-number{background:#ec4899}.logger-section[data-section="5"] .logger-section-number{background:#10b981}.logger-section-legend{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;padding:.5rem;background:var(--bg-elevated);border-radius:6px;border-left:3px solid var(--border)}.logger-toggle{position:relative;display:inline-flex;align-items:center;gap:.75rem;cursor:pointer}.logger-toggle-input{position:absolute;opacity:0;width:0;height:0}.logger-toggle-slider{position:relative;width:48px;height:24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;transition:all .3s ease}.logger-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-secondary);border-radius:50%;transition:all .3s ease}.logger-toggle-input:checked+.logger-toggle-slider{background:var(--primary);border-color:var(--primary)}.logger-toggle-input:checked+.logger-toggle-slider:before{transform:translate(24px);background:var(--bg-main)}.logger-toggle-label{font-size:.875rem;color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:640px){.logger-section{padding:1rem}.logger-section-number{width:24px;height:24px;font-size:.75rem}.logger-section-title{font-size:.9375rem}}