/* MY LIFE v14｜淺色水彩膠囊按鈕｜2026-11-06
   文字維持真實文字；操作圖示使用既有透明素材，不把整張示範圖當按鈕。
*/
:root{
 --life-action-font:17px;
 --life-action-icon:48px;
 --life-action-lavender:#eaddec;
 --life-action-green:#e2ecdc;
}
.life-ui-icon{display:block;width:var(--life-action-icon);height:var(--life-action-icon);flex:0 0 var(--life-action-icon);object-fit:contain;pointer-events:none}
body button:is(.primary,.future-save),
body .scenery-actions button.choice,
body #finishFocus,body .music-toggle,body .desktop-tools .desktop-quick-add{
 display:inline-flex!important;align-items:center;justify-content:center;gap:9px;
 width:auto;max-width:100%;min-width:0;min-height:62px;height:auto;
 padding:9px 20px;border-radius:999px!important;
 border:1px solid #ffffffa8!important;
 background:var(--life-action-lavender)!important;color:#60516c!important;
 font-size:var(--life-action-font)!important;font-weight:650;letter-spacing:.3px;
 line-height:1.35;text-align:center;white-space:normal;
 box-shadow:0 3px 7px #54485b20,inset 0 1px 2px #ffffff80!important;
 transition:background-color .15s,box-shadow .15s;
}
body button.future-save{background:var(--life-action-green)!important;color:#455e4a!important}
body button:is(.primary,.future-save):hover,
body .scenery-actions button.choice:hover{box-shadow:0 4px 10px #54485b30,inset 0 1px 2px #ffffffb0!important}
body button:is(.primary,.future-save):active{box-shadow:inset 0 2px 5px #54485b24!important}
body button:disabled{opacity:.6}
body button .life-ui-icon{width:var(--life-action-icon);height:var(--life-action-icon);flex-basis:var(--life-action-icon)}
body .form-actions button:is(.primary,.future-save){width:auto;min-width:132px;min-height:62px;padding:9px 16px}
body .category-inline-form .form-actions{gap:12px;flex-wrap:wrap}
body .category-inline-form .inline-dual-actions{width:100%;flex-wrap:nowrap}
body .inline-dual-actions button{flex:1 1 0;min-width:0!important}
body .scenery-actions .timer-row .choice{max-width:none}
body .desktop-tools .desktop-quick-add{flex-direction:column;gap:1px;min-width:80px;padding:8px 5px;border-radius:24px!important;font-size:15px!important}
body #finishFocus{width:auto;min-width:190px}
body .music-toggle{width:auto;min-width:180px}
body .music-mini{background:var(--life-action-lavender);color:#60516c;border-radius:24px;font-size:13px}
body #toast.life-save-toast{display:flex;align-items:center;justify-content:center;gap:10px;min-width:210px;max-width:calc(100vw - 32px);min-height:64px;padding:9px 22px;border-radius:999px;background:var(--life-action-lavender);color:#60516c;border:1px solid #ffffffa8;font-size:20px;font-weight:700;line-height:1.35;box-shadow:0 4px 12px #54485b29}
body #toast.life-save-toast .life-ui-icon{width:52px;height:52px;flex-basis:52px}
@media(max-width:600px){
 :root{--life-action-icon:44px;--life-action-font:17px}
 body .form-actions button:is(.primary,.future-save){min-height:60px;padding:8px 12px}
 body .category-inline-form .form-actions .primary:only-child{width:100%}
 body .category-inline-form .inline-dual-actions{gap:8px}
 body .inline-dual-actions button{gap:6px;padding-inline:8px!important}
 body .scenery-actions button.choice{min-height:58px;padding:8px 18px}
 body #toast.life-save-toast{font-size:19px;min-height:62px}
}
@media(max-width:380px){
 body .category-inline-form .inline-dual-actions{flex-direction:column;align-items:stretch}
 body .category-inline-form .inline-dual-actions button{width:100%}
 body #editor .form-actions{flex-wrap:wrap;gap:8px}
}
/* Hidden completion/pending controls must remain hidden in each workflow. */
body button[hidden],body .form-actions button[hidden]{display:none!important}