.page{min-height:100%;background:var(--color-page);color:var(--color-text);font-family:var(--font-stack, system-ui, sans-serif);display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-3)}.page-inner{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-4)}.page-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin:0}.page-subtitle{font-size:.9rem;color:var(--color-text-muted);margin:0}.btn{display:block;width:100%;padding:18px var(--space-4);border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:600;line-height:1.2;cursor:pointer;text-align:center;transition:opacity .12s ease,transform .08s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97);opacity:.85}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:active{transform:none}}.btn-primary{background:var(--color-text);color:var(--color-page)}.btn-secondary{background:var(--color-card);color:var(--color-text);border:1.5px solid #e0e0e0}.btn-tertiary{background:transparent;color:var(--color-text-muted);font-size:.95rem;font-weight:500;padding:12px var(--space-4)}.info-card{background:var(--color-card);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.info-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.info-label{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.info-value{font-size:.95rem;font-weight:600;color:var(--color-text);text-align:right}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:#d0d0d0;flex-shrink:0}.status-dot--done{background:var(--color-accent)}.gentle-note{font-size:.8rem;color:var(--color-text-muted);text-align:center;line-height:1.5}.divider{height:1px;background:#e8e8e8;border:none;margin:0}.stat-row{display:flex;gap:var(--space-3)}.stat-block{flex:1;background:var(--color-card);border-radius:var(--radius);padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text);line-height:1}.stat-label{font-size:.75rem;color:var(--color-text-muted);text-align:center;line-height:1.3}.dot-canvas-root{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-page);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.dot-canvas-card{background:var(--color-card);width:min(100vw,100vh);height:min(100vw,100vh);max-width:800px;max-height:800px;position:relative}.dot-canvas-svg{display:block;width:100%;height:100%}.parent-overlay-gesture{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:transparent;touch-action:none;-webkit-tap-highlight-color:transparent}.parent-progress-track{position:fixed;top:0;left:0;right:0;height:3px;background:#00000012;z-index:20;pointer-events:none}.parent-progress-fill{height:100%;background:#0000002e;transition:width .15s linear}@media (prefers-reduced-motion: reduce){.parent-progress-fill{transition:none}}.parent-pause-hint{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;color:#00000040;letter-spacing:.05em;pointer-events:none;z-index:15;font-family:var(--font-stack, system-ui, sans-serif)}.parent-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:100;display:flex;align-items:center;justify-content:center}.parent-menu{background:var(--color-card, #ffffff);border-radius:14px;padding:8px 0;min-width:200px;box-shadow:0 4px 24px #0000002e}.parent-menu-btn{display:block;width:100%;padding:16px 24px;background:none;border:none;font-size:1.05rem;font-weight:500;color:var(--color-text, #1a1a1a);text-align:center;cursor:pointer;font-family:var(--font-stack, system-ui, sans-serif);-webkit-tap-highlight-color:transparent}.parent-menu-btn:active{background:#0000000d}.parent-menu-divider{border:none;height:1px;background:#00000014;margin:0}.flash-root{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-page);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.flash-countdown{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-page);z-index:10}.flash-countdown-number{font-size:min(40vw,40vh);font-weight:600;line-height:1;color:var(--color-text, #1a1a1a);opacity:.85;animation:flash-countdown-pulse .6s ease-out}@keyframes flash-countdown-pulse{0%{transform:scale(.9);opacity:.4}to{transform:scale(1);opacity:.85}}@media (prefers-reduced-motion: reduce){.flash-countdown-number{animation:none}}.ff-section-label{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-2) 0}.ff-preset-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ff-preset-btn{padding:10px 16px;background:var(--color-card);border:1.5px solid #e0e0e0;border-radius:var(--radius);font-size:.9rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background .1s ease,border-color .1s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}.ff-preset-btn:hover{background:#f0f0f0;border-color:#c8c8c8}.ff-preset-btn:active{transform:scale(.97);opacity:.85}@media (prefers-reduced-motion: reduce){.ff-preset-btn:active{transform:none}}.ff-range-row{display:flex;align-items:flex-end;gap:var(--space-2)}.ff-range-sep{font-size:1.2rem;color:var(--color-text-muted);padding-bottom:4px;flex-shrink:0}.ff-field{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.ff-number-input{width:100%;padding:12px var(--space-2);border:1.5px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1.1rem;font-weight:600;color:var(--color-text);background:var(--color-page);text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;min-height:48px}.ff-number-input::-webkit-inner-spin-button,.ff-number-input::-webkit-outer-spin-button{opacity:1}.ff-number-input:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-color:transparent}.ff-toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--space-1) 0;min-height:44px;-webkit-user-select:none;user-select:none}.ff-toggle-input{position:absolute;opacity:0;width:0;height:0}.ff-toggle-track{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.ff-toggle-thumb{position:absolute;top:0;right:0;bottom:0;left:0;background:#d0d0d0;border-radius:14px;transition:background .15s ease}.ff-toggle-thumb:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--color-card);box-shadow:0 1px 3px #0003;transition:transform .15s ease}.ff-toggle-input:checked+.ff-toggle-thumb{background:var(--color-text)}.ff-toggle-input:checked+.ff-toggle-thumb:after{transform:translate(20px)}.ff-toggle-input:focus-visible+.ff-toggle-thumb{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.ff-toggle-thumb,.ff-toggle-thumb:after{transition:none}}.ff-slider{width:100%;height:4px;border-radius:2px;accent-color:var(--color-text);cursor:pointer;padding:10px 0;margin:4px 0 0}.ff-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.ff-value-badge{font-size:.9rem;color:var(--color-text);font-weight:700}.ff-select{width:100%;padding:12px var(--space-2);border:1.5px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;color:var(--color-text);background:var(--color-page);min-height:48px;cursor:pointer}.ff-select:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-color:transparent}.ff-warning{font-size:.8rem;color:var(--color-accent);margin:var(--space-1) 0 0;line-height:1.4}.st-section-title{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-2) 0}.st-field{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0}.st-value-badge{margin-left:var(--space-2);font-size:.9rem;color:var(--color-text);font-weight:700}.st-slider{width:100%;height:4px;border-radius:2px;accent-color:var(--color-text);cursor:pointer;padding:10px 0;margin:4px 0 0}.st-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.st-select{width:100%;padding:12px var(--space-2);border:1.5px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;color:var(--color-text);background:var(--color-page);min-height:48px;cursor:pointer}.st-select:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-color:transparent}.st-color{width:48px;height:32px;padding:0;border:1.5px solid #e0e0e0;border-radius:8px;background:var(--color-page);cursor:pointer;flex-shrink:0}.st-color:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.st-toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--space-2) 0;min-height:48px;-webkit-user-select:none;user-select:none;gap:var(--space-3)}.st-toggle-input{position:absolute;opacity:0;width:0;height:0}.st-toggle-track{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.st-toggle-thumb{position:absolute;top:0;right:0;bottom:0;left:0;background:#d0d0d0;border-radius:14px;transition:background .15s ease}.st-toggle-thumb:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--color-card);box-shadow:0 1px 3px #0003;transition:transform .15s ease}.st-toggle-input:checked+.st-toggle-thumb{background:var(--color-text)}.st-toggle-input:checked+.st-toggle-thumb:after{transform:translate(20px)}.st-toggle-input:focus-visible+.st-toggle-thumb{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.st-toggle-thumb,.st-toggle-thumb:after{transition:none}}.st-hint{font-size:.78rem;color:var(--color-text-muted);line-height:1.5;margin:0}.st-dev-link{text-align:center;font-size:.78rem}.st-dev-link a{color:var(--color-text-muted);text-decoration:none}.st-dev-link a:hover{text-decoration:underline}:root{--color-page: #fafafa;--color-card: #ffffff;--color-dot: #e60012;--color-text: #1a1a1a;--color-text-muted: #7a7a7a;--color-accent: #b78b45;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--radius: 12px;--font-stack: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--color-page);color:var(--color-text);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column;min-height:100%}button{font-family:inherit;font-size:1rem;cursor:pointer}a{color:var(--color-accent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}