:root{color-scheme:dark;--bg-deep: #0b0f1a;--bg-soft: #141b2e;--text-main: #eef3ff;--text-dim: #94a0c0;--accent-cool: #6a7bff;--accent-warm: #ffb26b;--line-soft: rgba(255,255,255,.07);--orb-core1-rgb: 255,178,107;--orb-core2-rgb: 106,123,255;--orb-glow-rgb: 255,178,107;--orb-accent-rgb:106,123,255}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-main);overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:24px 16px 16px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center}.app-header h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;opacity:.95;background:linear-gradient(135deg,var(--accent-warm),var(--accent-cool));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative}.voice-orb{position:relative;width:240px;height:240px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff9,#ffffff1a,#0000 60%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 60px #0009,0 0 80px rgba(var(--orb-accent-rgb),.4) inset;animation:orb-breathe 4s ease-in-out infinite;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.voice-orb:hover{transform:scale(1.05)}.voice-orb:active{transform:scale(.98)}.voice-orb--playing{box-shadow:0 30px 60px #0009,0 0 100px rgba(var(--orb-accent-rgb),.7) inset,0 0 60px rgba(var(--orb-glow-rgb),.4);animation:orb-breathe 2s ease-in-out infinite}.voice-orb__core{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;background:radial-gradient(circle at 20% 20%,rgba(var(--orb-core1-rgb),.8),rgba(var(--orb-core2-rgb),.4) 60%,#0000 70%);filter:blur(8px);animation:orb-core-shift 6s linear infinite}.voice-orb__glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:radial-gradient(circle,rgba(var(--orb-glow-rgb),.35),#0000 70%);filter:blur(30px);mix-blend-mode:screen}.voice-orb__pulse{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:50%;background:radial-gradient(circle,rgba(var(--orb-glow-rgb),.2),#0000 60%);animation:pulse-ring 2s ease-out infinite;pointer-events:none}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes orb-breathe{0%{transform:scale(.96)}50%{transform:scale(1.04)}to{transform:scale(.96)}}@keyframes orb-core-shift{0%{transform:translate3d(-4px,-4px,0) scale(1)}50%{transform:translate3d(4px,4px,0) scale(1.05)}to{transform:translate3d(-4px,-4px,0) scale(1)}}.menu-container{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:1001}.menu-trigger{background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;opacity:.7}.menu-trigger:hover{opacity:1;background:#ffffff0d}.menu-trigger:active{transform:scale(.95)}.menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:12px;min-width:180px;box-shadow:0 8px 24px #0006;overflow:hidden;animation:slideDown .2s ease;z-index:1001;pointer-events:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-item{width:100%;background:transparent;border:none;padding:14px 18px;color:var(--text-main);font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .15s ease;text-align:left}.menu-item:hover{background:#ffffff14}.menu-item:active{background:#ffffff1f}.menu-item svg{opacity:.8}.category-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:16px;padding:24px;min-width:300px;max-width:90vw;box-shadow:0 20px 60px #00000080;z-index:1000}.category-menu:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f1acc;z-index:-1}.category-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.category-menu-header h3{margin:0;font-size:1.2rem;font-weight:500}.close-btn{background:none;border:none;color:var(--text-dim);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;line-height:1;transition:color .2s}.close-btn:hover{color:var(--text-main)}.category-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:60vh;overflow-y:auto}.category-section{border:1px solid rgba(106,123,255,.15);border-radius:8px;overflow:hidden}.category-main-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#6a7bff0d;transition:background .2s}.category-main-item:hover{background:#6a7bff1a}.category-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.category-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.category-name{font-size:1rem;font-weight:500}.expand-button{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.expand-button:hover{color:var(--accent-cool)}.category-subcategories{display:flex;flex-direction:column;gap:4px;padding:8px 12px 12px;background:var(--bg-base)}.category-sub-item{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 32px;cursor:pointer;border-radius:6px;transition:background .2s}.category-sub-item:hover{background:#6a7bff14}.category-sub-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.subcategory-name{font-size:.9rem;color:var(--text-main)}.category-hint{color:var(--text-dim);font-size:.9rem;margin:0}.alarm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:16px;padding:24px;min-width:300px;max-width:90vw;box-shadow:0 20px 60px #00000080;z-index:1000}.alarm-dialog:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f1acc;z-index:-1}.alarm-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.alarm-dialog-header h3{margin:0;font-size:1.2rem;font-weight:500}.alarm-content{display:flex;flex-direction:column;gap:12px}.time-input{padding:12px;background:var(--bg-deep);color:var(--text-main);border:1px solid var(--line-soft);border-radius:8px;font-size:1.1rem;text-align:center}.alarm-hint{color:var(--text-dim);font-size:.9rem;margin:12px 0 0;text-align:center}.alarm-warning{margin-top:16px;padding:12px;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:8px;font-size:14px;color:#ff6464;text-align:center}.alarm-success{margin-top:16px;padding:12px;background:#64ff641a;border:1px solid rgba(100,255,100,.3);border-radius:8px;font-size:14px;color:#64ff64;text-align:center}.permission-btn{margin-top:16px;width:100%;padding:12px 24px;background:var(--accent-warm);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.permission-btn:hover{opacity:.9}.permission-btn:active{transform:scale(.98)}.app-footer{padding:24px 16px;text-align:center;color:var(--text-dim);font-size:.8rem;letter-spacing:.02em}.app-footer small{opacity:.6}