@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Outfit:wght@300;400;500;700&display=swap";:root{--font-sans:"Outfit", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary:#fff;--bg-secondary:#f4f4f7;--bg-tertiary:#e9e9ee;--border-color:#e2e2e9;--border-hover:#1a1a1c;--text-primary:#1a1a1c;--text-secondary:#6e6e77;--text-muted:#a1a1aa;--accent:#1a1a1c;--accent-light:#f4f4f7;--bg-danger-light:#ffebeb;--bg-danger-active:#fee2e2;--border-danger-light:#fca5a5;--border-danger:#f87171;--text-danger:#ef4444;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 10px 30px #0000000f;--shadow-lg:0 20px 40px #00000014;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .15s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;line-height:1.5;overflow-x:hidden}.dot-bg{background-color:var(--bg-primary);background-image:radial-gradient(var(--border-color) 1.5px, transparent 1.5px);background-size:24px 24px}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.tabular-nums{font-variant-numeric:tabular-nums}.custom-button{font-family:var(--font-sans);cursor:pointer;user-select:none;border:2px solid;border-radius:12px;justify-content:center;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:700;transition:all .15s ease-out;display:inline-flex;position:relative;overflow:hidden}.custom-button__content{z-index:2;position:relative}.custom-button--default{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-color);border-bottom-width:4px}.custom-button--default:hover{color:var(--text-primary);transform:translateY(-2px)}.custom-button--default:active,.custom-button--default.custom-button--active{color:var(--text-secondary);background:var(--bg-secondary);transform:translateY(2px)}.custom-button--primary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color);border-bottom-width:4px}.custom-button--primary:hover{background:var(--bg-secondary);transform:translateY(-2px)}.custom-button--primary:active{background:var(--bg-tertiary);transform:translateY(2px)}.custom-button--danger{background:var(--bg-danger-light,#ffebeb);color:var(--text-danger,#ef4444);border-color:var(--border-danger-light,#fca5a5);border-bottom-color:var(--border-danger,#f87171);border-bottom-width:4px}.custom-button--danger:hover{transform:translateY(-2px)}.custom-button--danger:active{background:var(--bg-danger-active,#fee2e2);border-bottom-color:var(--border-danger-light,#fca5a5);transform:translateY(2px)}.custom-button--danger:after{content:"";transform-origin:0;z-index:1;pointer-events:none;background-color:#ef444426;width:100%;height:100%;animation:3s linear forwards fillTimer;position:absolute;top:0;left:0;transform:scaleX(0)}@keyframes fillTimer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.timer-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:10px 0;display:flex}.space-hint{color:#b0b0b8;user-select:none;letter-spacing:.02em;align-items:center;margin:0 0 0 16px;font-size:.85rem;display:flex}button:focus,button:focus-visible{-webkit-tap-highlight-color:transparent;outline:none}.space-hint kbd{color:#6e6e77;background:#f3f3f6;border:1.5px solid #d4d4dc;border-bottom:3px solid #c8c8d3;border-radius:6px;padding:2px 10px;font-family:inherit;font-size:.8rem;font-weight:700;display:inline-block}.settings-panel{flex-direction:column;width:90vw;max-width:720px;padding:5px 0;display:flex}.settings-row{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.difficulty-buttons-wrapper{gap:8px;width:100%;margin-left:0;display:flex}.difficulty-buttons-wrapper .custom-button{border-radius:12px;flex:1;padding:12px 0;font-size:1rem}.action-buttons-wrapper{gap:8px;width:100%;display:flex}.action-buttons-wrapper>.custom-button,.action-buttons-wrapper>.obs-button-container{flex:1}.action-buttons-wrapper .custom-button{white-space:nowrap;padding:12px 4px;font-size:.82rem}.obs-button-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.obs-button-container>.custom-button{white-space:nowrap;border-radius:12px;width:100%;padding:12px 4px;font-size:.82rem}.space-hint{display:none}.timer-card{cursor:default;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:3px solid #e2e2e9;border-bottom:10px solid #c8c8d3;border-radius:40px;outline:none;flex-direction:column;justify-content:center;align-items:center;width:95vw;min-width:280px;max-width:1400px;height:40vw;min-height:300px;max-height:500px;transition:all .15s ease-out;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 16px 32px #0000000d}.timer-card.clickable{cursor:pointer}.timer-card.status-success{border:3px solid #a7f3d0;border-bottom:10px solid #10b981;box-shadow:0 12px 30px #10b98126}.timer-card.status-fail{border:3px solid #fca5a5;border-bottom:10px solid #ef4444;box-shadow:0 12px 30px #ef444426}.kaomoji-watermark{color:#1a1a1c;opacity:.25;pointer-events:none;user-select:none;white-space:nowrap;z-index:0;font-size:11vw;font-weight:700;position:absolute;bottom:-30px;left:-20px}.attempt-watermark{color:#cfcfd4;opacity:1;pointer-events:none;user-select:none;white-space:nowrap;z-index:0;font-size:3.5vw;font-weight:800;position:absolute;top:25px;left:35px}.best-record-watermark{color:#cfcfd4;opacity:1;pointer-events:none;user-select:none;white-space:nowrap;z-index:0;font-size:3.5vw;font-weight:800;position:absolute;top:25px;right:35px}.timer-text{letter-spacing:-.02em;user-select:none;color:#565656;text-shadow:0 4px 10px #00000008;z-index:1;font-size:min(25vw,360px);font-weight:700;line-height:1;transition:color .15s,opacity .3s ease-out;position:relative}.timer-text.status-success{color:#10b981}.timer-text.status-fail{color:#ef4444}.timer-text:hover{opacity:.9}@media (width<=768px){.timer-container{padding:5px 0}.stats-row{gap:10px;margin-bottom:24px}.timer-card{border-width:2px 2px 6px;border-radius:24px;height:48vw;min-height:220px}.timer-card.status-success,.timer-card.status-fail{border-width:2px 2px 6px}.attempt-watermark{font-size:5.5vw;top:15px;left:20px}.best-record-watermark{font-size:5.5vw;top:15px;right:20px}.kaomoji-watermark{font-size:14vw;bottom:-15px;left:-10px}.action-buttons-wrapper{flex-direction:column;gap:10px}.action-buttons-wrapper>.custom-button,.action-buttons-wrapper>.obs-button-container{flex:none;width:100%}.action-buttons-wrapper .custom-button,.obs-button-container>.custom-button{padding:12px 0;font-size:1rem}}