.plan-builder[data-v-62ab6ce8]{background-color:#fff;padding:25px;border-radius:10px;box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #fff9;width:100%;max-width:500px}h2[data-v-62ab6ce8]{font-size:1.6em;margin-bottom:15px;text-align:center;color:#333;font-weight:700}.info-text[data-v-62ab6ce8]{color:var(--color-pomodoro, #FF5722);text-align:center;margin-bottom:20px;font-style:italic;font-size:.9em}.plan-list[data-v-62ab6ce8]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;max-height:280px;overflow-y:auto;padding-right:8px}.cycle-item[data-v-62ab6ce8]{display:flex;gap:10px;align-items:center;padding:12px;background:#f9f9f9;border-radius:8px;border:1px solid #eee;transition:border-color .3s}.cycle-item.is-session[data-v-62ab6ce8]{border-left:5px solid var(--color-pomodoro, #FF5722);background:#ff57220d}.cycle-item.is-break[data-v-62ab6ce8]{border-left:5px solid var(--color-break, #2196F3);background:#2196f30d}.cycle-type[data-v-62ab6ce8]{flex:1}.cycle-type select[data-v-62ab6ce8]{width:100%;padding:6px;border:1px solid #ccc;border-radius:6px;background:#fff;font-weight:600;cursor:pointer}.cycle-duration[data-v-62ab6ce8]{display:flex;align-items:center;gap:6px}.cycle-duration input[data-v-62ab6ce8]{width:50px;padding:6px;border:1px solid #ccc;border-radius:6px;text-align:center;font-weight:600;accent-color:var(--color-pomodoro, #FF5722)}.cycle-duration span[data-v-62ab6ce8]{font-size:.9em;color:#666}.remove-btn[data-v-62ab6ce8]{background:#e53935;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:700;transition:transform .2s}.remove-btn[data-v-62ab6ce8]:hover{transform:scale(1.1)}.plan-actions[data-v-62ab6ce8]{display:flex;gap:10px;margin-bottom:15px}.add-session-btn[data-v-62ab6ce8],.add-break-btn[data-v-62ab6ce8]{flex:1;padding:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .2s}.add-session-btn[data-v-62ab6ce8]{background:var(--color-pomodoro, #4caf50);color:#fff}.add-break-btn[data-v-62ab6ce8]{background:var(--color-break, #2196f3);color:#fff}.add-session-btn[data-v-62ab6ce8]:hover,.add-break-btn[data-v-62ab6ce8]:hover{transform:translateY(-2px)}.plan-summary[data-v-62ab6ce8]{text-align:center;font-size:.95em;color:#666;margin-bottom:15px;padding:10px;background:#f0f0f0;border-radius:8px}.empty[data-v-62ab6ce8]{color:#999;font-style:italic}.plan-save[data-v-62ab6ce8]{display:flex;gap:10px}.save-btn[data-v-62ab6ce8],.reset-btn[data-v-62ab6ce8]{flex:1;padding:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .2s}.save-btn[data-v-62ab6ce8]{background:var(--color-pomodoro, #FF5722);color:#fff}.reset-btn[data-v-62ab6ce8]{background:#999;color:#fff}.save-btn[data-v-62ab6ce8]:hover,.reset-btn[data-v-62ab6ce8]:hover{transform:translateY(-2px)}@media(max-width:560px){.cycle-item[data-v-62ab6ce8]{flex-wrap:wrap}.plan-list[data-v-62ab6ce8]{max-height:400px}}.plan-timer[data-v-6b58519a]{text-align:center;padding:20px}.display[data-v-6b58519a]{width:100%;max-width:420px;background:#fff;border-radius:14px;padding:22px;box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #fff9}h2[data-v-6b58519a]{color:var(--color-text, #333);transition:color .3s}.cycle-info[data-v-6b58519a]{font-size:.9rem;font-weight:600;margin-bottom:8px;transition:color .3s}.cycle-info.is-session[data-v-6b58519a]{color:var(--color-pomodoro, #FF5722)}.cycle-info.is-break[data-v-6b58519a]{color:var(--color-break, #2196F3)}.time[data-v-6b58519a]{margin:14px auto;width:240px;height:240px;display:grid;place-items:center;border-radius:50%;position:relative;transition:all .3s}.time[data-v-6b58519a]:not(.break-mode){background:conic-gradient(var(--color-pomodoro, #FF5722) 0deg,rgba(255,87,34,.08) 0deg)}.time.break-mode[data-v-6b58519a]{background:conic-gradient(var(--color-break, #2196F3) 0deg,rgba(33,150,243,.08) 0deg)}.time .time-text[data-v-6b58519a]{font-size:3.25rem;font-weight:800;color:var(--color-text, #212121)}.controls[data-v-6b58519a]{margin-top:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.controls button[data-v-6b58519a]{padding:8px 12px;border-radius:10px;cursor:pointer;border:none;font-weight:700;transition:transform .2s,background .3s}.controls button[data-v-6b58519a]:first-child{background:var(--color-pomodoro, #FF5722);color:#fff}.controls button[data-v-6b58519a]:not(:first-child){background:var(--color-break, #2196F3);color:#fff}.controls button[data-v-6b58519a]:hover{transform:translateY(-2px)}.pulse[data-v-6b58519a]{animation:pulse-6b58519a 1s infinite}@keyframes pulse-6b58519a{0%{box-shadow:0 12px 30px #0000000f}50%{box-shadow:0 18px 40px #0000001f}to{box-shadow:0 12px 30px #0000000f}}.pomodoro[data-v-638076f1]{text-align:center;padding:20px}.display[data-v-638076f1]{width:100%;max-width:420px;background:#fff;border-radius:14px;padding:22px;box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #fff9;transition:background .3s}h2[data-v-638076f1]{color:var(--color-text, #333);transition:color .3s}.time[data-v-638076f1]{margin:14px auto;width:240px;height:240px;display:grid;place-items:center;border-radius:50%;position:relative;transition:all .3s}.time[data-v-638076f1]:not(.break-mode){background:conic-gradient(var(--color-pomodoro, #FF5722) 0deg,rgba(255,87,34,.08) 0deg)}.time.break-mode[data-v-638076f1]{background:conic-gradient(var(--color-break, #2196F3) 0deg,rgba(33,150,243,.08) 0deg)}.time .time-text[data-v-638076f1]{font-size:3.25rem;font-weight:800;color:var(--color-text, #212121)}.controls[data-v-638076f1]{margin-top:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.controls button[data-v-638076f1]{padding:8px 12px;border-radius:10px;cursor:pointer;border:none;font-weight:700;transition:transform .2s,background .3s}.primary-btn[data-v-638076f1]{background:var(--color-pomodoro, #FF5722);color:#fff}.secondary-btn[data-v-638076f1]{background:var(--color-break, #2196F3);color:#fff}.controls button[data-v-638076f1]:hover{transform:translateY(-2px)}.pulse[data-v-638076f1]{animation:pulse-638076f1 1s infinite}@keyframes pulse-638076f1{0%{box-shadow:0 12px 30px #0000000f}50%{box-shadow:0 18px 40px #0000001f}to{box-shadow:0 12px 30px #0000000f}}.alarm-buttons[data-v-89cf4db1]{display:flex;flex-wrap:wrap;gap:6px}.alarm-btn[data-v-89cf4db1]{padding:6px 10px;border-radius:8px;border:2px solid #ccc;background:#fff;cursor:pointer;font-weight:600;transition:.2s}.alarm-btn[data-v-89cf4db1]:hover{border-color:var(--color-pomodoro, #FF5722)}.alarm-btn.active[data-v-89cf4db1]{background:var(--color-pomodoro, #FF5722);border-color:var(--color-pomodoro, #FF5722);color:#fff}.settings-panel[data-v-89cf4db1]{background-color:#fff;padding:25px;border-radius:10px;box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #fff9;width:100%;max-width:500px}h2[data-v-89cf4db1]{font-size:1.6em;margin-bottom:15px;text-align:center;color:#333;font-weight:700}.info-text[data-v-89cf4db1]{color:var(--color-pomodoro, #FF5722);text-align:center;margin-bottom:20px;font-style:italic;font-size:.9em}.setting-group[data-v-89cf4db1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 0;border-bottom:1px solid #eee;gap:12px}.setting-group[data-v-89cf4db1]:last-of-type{border-bottom:none;margin-bottom:0}label[data-v-89cf4db1]{font-weight:600;color:#555;flex-shrink:0;min-width:100px}input[type=number][data-v-89cf4db1],input[type=range][data-v-89cf4db1]{width:80px;padding:8px;border:2px solid #ccc;border-radius:8px;text-align:center;font-size:1.05em;font-weight:600;transition:border-color .2s,box-shadow .2s;accent-color:var(--color-pomodoro, #FF5722)}input[type=range][data-v-89cf4db1]{width:100px}.volume-value[data-v-89cf4db1]{font-weight:700;color:var(--color-pomodoro, #FF5722);min-width:35px}input[type=checkbox][data-v-89cf4db1]{width:18px;height:18px;accent-color:var(--color-pomodoro, #FF5722);cursor:pointer}.setting-actions[data-v-89cf4db1]{margin-top:18px;display:flex;justify-content:center}.save-btn[data-v-89cf4db1]{background:var(--color-pomodoro, #FF5722);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #0000001f;transition:transform .2s}.save-btn[data-v-89cf4db1]:hover{transform:translateY(-2px);opacity:.9}@media(max-width:560px){.setting-group[data-v-89cf4db1]{flex-direction:column;align-items:stretch}label[data-v-89cf4db1]{min-width:auto;margin-bottom:8px}input[type=number][data-v-89cf4db1],input[type=range][data-v-89cf4db1]{width:100%}}.main-layout{width:100%;background-color:#fd9330;font-family:Quicksand,sans-serif}.app-header{width:100%;padding:20px 16px 0;text-align:center;display:flex;flex-direction:column;align-items:center}.app-logo{width:95px;height:auto;margin-bottom:6px}.app-header h1{margin:0;font-size:1.6rem}.mixer-main{display:flex;flex-direction:column;gap:15px;max-width:100%;margin:20px auto;padding:0 8px;box-sizing:border-box;min-height:100vh}.mixer-center{display:flex;flex-direction:column;gap:15px}.mixer-row-container{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;min-height:400px}.mixer-timer,.mixer-config{display:flex;justify-content:center;align-items:center;transform:scale(.9735);transform-origin:center}@media(max-width:1200px){.mixer-row-container{grid-template-columns:1fr;gap:15px;min-height:auto}.mixer-timer,.mixer-config{transform:scale(.975)}}@media(max-width:768px){.mixer-row-container{grid-template-columns:1fr}.mixer-timer,.mixer-config{transform:scale(.78)}}