@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;--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;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;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{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.tabular-nums{font-variant-numeric:tabular-nums}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#12121499;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-card{text-align:center;background:#fffffff2;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:400px;padding:32px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards scaleUp;display:flex;box-shadow:0 20px 40px #0003,inset 0 0 0 1px #ffffff80}.modal-icon{margin-bottom:16px;font-size:3rem;line-height:1}.modal-title{color:#1a1a1c;margin:0 0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:800}.modal-message{color:#666;margin:0 0 24px;font-size:.9rem;line-height:1.6}.modal-actions{gap:12px;width:100%;display:flex}.modal-button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.cancel-button{color:#666;background:#f0f0f0}.cancel-button:hover{color:#333;background:#e4e4e4}.confirm-button{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ff4757 100%);box-shadow:0 4px 12px #ff47574d}.confirm-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff475766}.confirm-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.timer-container{flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;padding:40px 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:95vw;max-width:1400px;display:flex}.settings-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;width:100%;display:flex}.difficulty-buttons-wrapper{gap:8px;margin-left:8px;display:flex}.difficulty-button{color:#6e6e77;cursor:pointer;background:#fff;border:2px solid #e2e2e9;border-bottom:5px solid #c8c8d3;border-radius:16px;justify-content:center;align-items:center;height:42px;padding:8px 16px;font-size:.95rem;font-weight:700;transition:all .1s;display:flex;box-shadow:0 4px 6px #00000005}.difficulty-button.active{color:#6e6e77;box-shadow:none;background:#f4f4f7;border:2px solid #e2e2e9;border-bottom-color:#c8c8d3;transform:translateY(3px)}.blind-toggle-button{color:#6e6e77;cursor:pointer;background:#fff;border:2px solid #e2e2e9;border-bottom:5px solid #c8c8d3;border-radius:16px;align-items:center;gap:6px;height:42px;padding:8px 20px;font-size:.95rem;font-weight:700;transition:all .1s;display:flex;box-shadow:0 4px 6px #00000005}.blind-toggle-button.active{color:#6e6e77;box-shadow:none;background:#f4f4f7;border:2px solid #e2e2e9;border-bottom-color:#c8c8d3;transform:translateY(3px)}.timer-card{cursor:pointer;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}@keyframes gold-shimmer{0%{background-position:0%}to{background-position:200%}}.timer-card.status-lucky-seven{background:#fff;border:none;position:relative;overflow:visible;box-shadow:0 16px 32px #f5c71a66}.timer-card.status-lucky-seven:before{content:"";z-index:-1;background:linear-gradient(90deg,#d4af37,#fff2cd,#b38728,#fbf5b7,#aa771c,#d4af37) 0 0/200%;border-radius:40px;animation:3s linear infinite gold-shimmer;position:absolute;inset:-3px -3px -10px}.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:.035;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-lucky-seven{background:linear-gradient(90deg,#d4af37,#fff2cd,#b38728,#fbf5b7,#aa771c,#d4af37) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 10px #f5c71a66);-webkit-background-clip:text;animation:3s linear infinite gold-shimmer}.timer-text.status-success{color:#10b981}.timer-text.status-fail{color:#ef4444}.timer-text:hover{opacity:.9}.obs-link-button{color:#6e6e77;cursor:pointer;background:#fff;border:2px solid #e2e2e9;border-bottom:5px solid #c8c8d3;border-radius:16px;align-items:center;gap:6px;height:42px;margin-left:12px;padding:8px 20px;font-size:.95rem;font-weight:700;transition:all .1s;display:flex;box-shadow:0 4px 6px #00000005}.obs-link-button:hover{border-bottom-width:4px;transform:translateY(1px)}.obs-link-button.copied{color:#10b981;box-shadow:none;border:2px solid #10b981;transform:translateY(3px)}@media (width<=768px){.timer-container{padding:20px 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-lucky-seven{border:none}.timer-card.status-lucky-seven:before{border-radius:24px;inset:-2px -2px -6px}.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}.difficulty-button,.blind-toggle-button,.obs-link-button{border-radius:12px;height:38px;padding:6px 12px;font-size:.85rem}}