:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#1a1a2e}#app{width:100%}.app[data-v-cf69a7f8]{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:20px;position:relative;overflow:hidden}.app[data-v-cf69a7f8]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(120,200,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,157,.12) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(78,205,196,.1) 0%,transparent 40%);animation:bgFloat-cf69a7f8 20s ease-in-out infinite;pointer-events:none}@keyframes bgFloat-cf69a7f8{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,2%) rotate(1deg)}50%{transform:translateY(4%) rotate(0)}75%{transform:translate(-2%,2%) rotate(-1deg)}}.container[data-v-cf69a7f8]{max-width:1200px;margin:0 auto;position:relative;z-index:1}.header[data-v-cf69a7f8]{text-align:center;color:#fff;margin-bottom:40px;padding:20px}.header h1[data-v-cf69a7f8]{font-size:2.5rem;margin:0 0 10px;background:linear-gradient(135deg,#00f5d4,#7bf1a8,#fee440,#f15bb5,#00bbf9);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift-cf69a7f8 4s ease infinite}@keyframes gradientShift-cf69a7f8{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle[data-v-cf69a7f8]{font-size:1.1rem;color:#b8c1ec;margin:0}.voice-settings-card[data-v-cf69a7f8]{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:20px 25px;border:1px solid rgba(255,255,255,.15);margin-bottom:25px;box-shadow:0 8px 32px #0000004d}.voice-settings-card h3[data-v-cf69a7f8]{background:linear-gradient(90deg,#fee440,#f15bb5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 15px;font-size:1rem}.audio-hint[data-v-cf69a7f8]{margin:12px 0 0;color:#fee440;font-size:.85rem;animation:pulse-cf69a7f8 2s infinite}@keyframes pulse-cf69a7f8{0%,to{opacity:1}50%{opacity:.5}}.voice-controls[data-v-cf69a7f8]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.voice-selector[data-v-cf69a7f8]{display:flex;align-items:center;gap:10px;flex:1;min-width:200px}.voice-selector label[data-v-cf69a7f8]{color:#a0a4d4;font-size:.9rem;white-space:nowrap}.voice-selector select[data-v-cf69a7f8]{flex:1;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s}.voice-selector select[data-v-cf69a7f8]:hover{background:#ffffff1f;border-color:#00f5d466}.voice-selector select option[data-v-cf69a7f8]{background:#1a1a2e;color:#fff}.test-voice-btn[data-v-cf69a7f8]{padding:10px 20px;border:1px solid rgba(254,228,64,.4);border-radius:12px;background:linear-gradient(135deg,#fee44033,#f15bb533);color:#fee440;font-size:.9rem;cursor:pointer;transition:all .3s;font-weight:500}.test-voice-btn[data-v-cf69a7f8]:hover{background:linear-gradient(135deg,#fee44059,#f15bb559);border-color:#fee440;transform:translateY(-2px);box-shadow:0 4px 15px #fee4404d}.items-grid[data-v-cf69a7f8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:30px}.item-card[data-v-cf69a7f8]{background:linear-gradient(135deg,#ffffff1a,#ffffff08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:25px;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.item-card[data-v-cf69a7f8]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00f5d4,#7bf1a8,#fee440,#f15bb5,#00bbf9);opacity:0;transition:opacity .3s}.item-card[data-v-cf69a7f8]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00f5d426,0 10px 30px #f15bb51a;border-color:#00f5d44d}.item-card[data-v-cf69a7f8]:hover:before{opacity:1}.item-card.disabled[data-v-cf69a7f8]{opacity:.4;filter:grayscale(.5)}.item-header[data-v-cf69a7f8]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.item-icon[data-v-cf69a7f8]{width:36px;height:36px;color:#00f5d4;filter:drop-shadow(0 0 8px rgba(0,245,212,.5));transition:all .3s}.item-card:hover .item-icon[data-v-cf69a7f8]{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 12px rgba(0,245,212,.7))}.item-header h3[data-v-cf69a7f8]{flex:1;color:#fff;margin:0;font-size:1.2rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.toggle-btn[data-v-cf69a7f8]{padding:6px 16px;border:none;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;background:#ffffff1a;color:#888}.toggle-btn.active[data-v-cf69a7f8]{background:linear-gradient(135deg,#00f5d4,#00bbf9);color:#0f0c29;box-shadow:0 4px 15px #00f5d466}.toggle-btn[data-v-cf69a7f8]:hover:not(.active){background:#ffffff26;color:#aaa}.timer-display[data-v-cf69a7f8]{display:flex;justify-content:center;margin-bottom:20px}.progress-ring[data-v-cf69a7f8]{position:relative;width:120px;height:120px}.progress-ring svg[data-v-cf69a7f8]{transform:rotate(-90deg)}.progress-bg[data-v-cf69a7f8]{fill:none;stroke:#ffffff14;stroke-width:8}.progress-bar[data-v-cf69a7f8]{fill:none;stroke-width:8;stroke-linecap:round;stroke-dasharray:283;stroke:url(#gradient);stroke:#00f5d4;transition:stroke-dashoffset 1s ease;filter:drop-shadow(0 0 6px rgba(0,245,212,.6))}.timer-text[data-v-cf69a7f8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#fff;font-family:Monaco,Consolas,monospace;text-shadow:0 0 20px rgba(0,245,212,.5)}.item-controls[data-v-cf69a7f8]{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.interval-selector[data-v-cf69a7f8]{display:flex;align-items:center;gap:10px}.interval-selector label[data-v-cf69a7f8]{color:#a0a4d4;font-size:.9rem}.interval-selector select[data-v-cf69a7f8]{flex:1;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s}.interval-selector select[data-v-cf69a7f8]:hover{background:#ffffff1f;border-color:#00bbf966}.interval-selector select option[data-v-cf69a7f8]{background:#1a1a2e;color:#fff}.reset-btn[data-v-cf69a7f8]{flex:1;padding:10px;border:1px solid rgba(0,187,249,.3);border-radius:12px;background:transparent;color:#00bbf9;font-size:.9rem;cursor:pointer;transition:all .3s;font-weight:500}.reset-btn[data-v-cf69a7f8]:hover{background:#00bbf926;border-color:#00bbf9;box-shadow:0 4px 15px #00bbf94d;transform:translateY(-2px)}.action-buttons[data-v-cf69a7f8]{display:flex;gap:10px}.item-message[data-v-cf69a7f8]{color:#9093c4;font-size:.85rem;margin:0;line-height:1.5;min-height:2.5em;animation:fadeIn-cf69a7f8 .5s ease}@keyframes fadeIn-cf69a7f8{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tips-card[data-v-cf69a7f8]{background:linear-gradient(135deg,#ffffff1a,#ffffff08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:25px;border:1px solid rgba(255,255,255,.1);margin-bottom:20px;box-shadow:0 8px 32px #0000004d}.tips-card h3[data-v-cf69a7f8]{background:linear-gradient(90deg,#00f5d4,#7bf1a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 15px;font-size:1.1rem}.tips-card ul[data-v-cf69a7f8]{margin:0;padding-left:20px;color:#a0a4d4}.tips-card li[data-v-cf69a7f8]{margin-bottom:10px;line-height:1.6}.tips-card li[data-v-cf69a7f8]::marker{color:#f15bb5}.footer[data-v-cf69a7f8]{text-align:center;padding:20px}.footer p[data-v-cf69a7f8]{margin:0;font-size:.9rem;color:#787ca8}@media(max-width:640px){.header h1[data-v-cf69a7f8]{font-size:1.8rem}.items-grid[data-v-cf69a7f8]{grid-template-columns:1fr}.item-card[data-v-cf69a7f8]{padding:20px}}