*{box-sizing:border-box}body{color:#fff;background:linear-gradient(#0b1020 0%,#111827 100%);margin:0;font-family:system-ui,sans-serif}#app{width:100%}.container{width:min(760px,92%);margin:40px auto}h1{text-align:center;color:#f8fafc;text-shadow:0 0 20px #60a5fa59;margin:0 0 24px;font-size:34px;font-weight:800}.top-buttons{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;margin-bottom:24px;padding:20px}.top-buttons:before{content:"▼ クイック追加";color:#93c5fd;margin-bottom:16px;font-size:14px;font-weight:700;display:block}.top-buttons{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}button{cursor:pointer;border:none;border-radius:14px;padding:14px;font-size:15px;font-weight:700;transition:all .2s}button:hover{filter:brightness(1.08);transform:translateY(-1px)}#addBtn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);grid-column:1/-1}.preset{color:#fff;background:#ffffff14}#timerList:before{content:"▼ 稼働中タイマー";color:#93c5fd;margin-bottom:14px;font-size:14px;font-weight:700;display:block}.buttons{flex-wrap:wrap;gap:10px;display:flex}.restart{color:#fff;background:#16a34a}.edit{color:#fff;background:#2563eb}.danger{color:#fff;background:#dc2626}.save{color:#fff;background:#16a34a}.cancel{color:#fff;background:#6b7280}.edit-box{border-top:1px solid #ffffff14;gap:12px;margin-top:18px;padding-top:18px;display:grid}.edit-box select,.edit-box input{color:#fff;background:#0f172a;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px}.finished{border:1px solid #22c55e;animation:1.4s infinite pulse;box-shadow:0 0 24px #22c55e59}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}@media (width<=640px){h1{font-size:28px}.top-buttons{grid-template-columns:1fr}.buttons{flex-direction:column}button{width:100%}}.ad-space{text-align:center;color:#94a3b8;background:#ffffff0d;border:1px dashed #fff3;border-radius:12px;margin-top:24px;padding:20px;font-size:14px}.favorites{margin-bottom:16px}.favorites h3{color:#93c5fd;margin:0 0 10px;font-size:14px}.preset-fav{color:#fff;background:#ffffff14;border-radius:10px;margin:4px;padding:10px 12px;font-size:13px}.fav-item{align-items:center;gap:6px;display:flex}.fav-remove{color:#fff;background:#dc2626;border-radius:8px;padding:6px 10px;font-size:12px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;margin-bottom:16px;padding:20px}.card h2{margin:0 0 10px;font-size:22px}.card p{color:#cbd5e1;margin:0 0 16px;font-size:16px}.ad-section{border-top:1px solid #ffffff0f;margin:48px 0;padding-top:20px}.ad-label{color:#9fb4d9;text-align:center;margin-bottom:8px;font-size:12px}.ad-box{box-sizing:border-box;background:#ffffff08;border:1px dashed #ffffff2e;border-radius:18px;width:100%;min-height:120px;margin-top:40px;padding:20px}.adsbygoogle{min-height:90px;width:100%!important;display:block!important}.section-title{color:#fff;margin:0 0 14px;font-size:18px}.howto-section{margin-top:28px}.howto-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.howto-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:18px}.howto-number{margin-bottom:10px;font-size:22px}.howto-card h4{color:#fff;margin:0 0 8px;font-size:16px}.howto-card p{color:#dbe7ff;margin:0;font-size:14px;line-height:1.7}.sound-setting{justify-content:center;margin:12px 0 20px;display:flex}.sound-toggle{cursor:pointer;color:#fff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.sound-toggle input{transform:scale(1.1)}.sound-setting{flex-direction:column;align-items:center;gap:12px;margin:12px 0 22px;display:flex}.sound-volume-wrap{color:#fff;flex-direction:column;gap:10px;width:min(360px,100%);display:flex}#volumeSlider{cursor:pointer;width:100%}.sound-test-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;padding:10px 14px;transition:all .2s}.sound-test-btn:hover{background:#ffffff24}.end-time{color:#9fd3ff;opacity:.9;margin-top:6px;font-size:14px}.back-btn,.back-btn:visited,.back-btn:hover,.back-btn:active{color:#fff;text-decoration:none}.back-btn{background:#ffffff14;border-radius:12px;margin-bottom:20px;padding:10px 16px;transition:all .2s;display:inline-block}.back-btn:hover{background:#ffffff24}.site-footer{text-align:center;color:#94a3b8;border-top:1px solid #ffffff14;margin-top:36px;padding:24px 16px;font-size:13px;line-height:1.8}.site-footer p{margin:4px 0}.time-inputs{align-items:center;gap:8px;margin-top:8px;display:flex}.time-inputs input{width:70px}