#clemlife-root{--cl-ink:#24233d;--cl-soft:#72718c;--cl-line:#e8e6f2;--cl-bg:#f7f6fc;--cl-card:#fff;--cl-purple:#7869c6;--cl-purple-light:#efecfc;--cl-green:#408b75;--cl-orange:#b77743;--cl-blue:#5176bd;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--cl-ink);font-size:15px;line-height:1.5;background:var(--cl-bg);min-height:750px;padding:0 0 86px;letter-spacing:0;box-sizing:border-box}
#clemlife-root *{box-sizing:border-box}#clemlife-root button,#clemlife-root select,#clemlife-root input,#clemlife-root textarea{font:inherit}#clemlife-root button{cursor:pointer}#clemlife-root button:focus-visible,#clemlife-root input:focus-visible,#clemlife-root select:focus-visible,#clemlife-root textarea:focus-visible{outline:3px solid #b6a8f3;outline-offset:2px}#clemlife-root h1,#clemlife-root h2,#clemlife-root h3,#clemlife-root p{margin:0}#clemlife-root .cl-wrap{max-width:1120px;margin:auto;padding:22px 24px}#clemlife-root .cl-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--cl-line)}#clemlife-root .cl-brand{font-size:15px;letter-spacing:2.1px;font-weight:850;color:#6555a3}#clemlife-root .cl-brand span{color:#dd8c85}#clemlife-root .cl-kicker{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;color:#9187b3}#clemlife-root .cl-sub{color:var(--cl-soft);font-size:13px}#clemlife-root .cl-actions{display:flex;gap:8px;flex-wrap:wrap}#clemlife-root .cl-btn{border-radius:12px;padding:10px 14px;border:1px solid var(--cl-line);color:var(--cl-ink);background:#fff;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .16s,transform .16s;white-space:nowrap}#clemlife-root .cl-btn:hover{background:#f3f0ff}#clemlife-root .cl-btn:active{transform:scale(.985)}#clemlife-root .cl-btn-main{background:var(--cl-ink);color:#fff;border-color:var(--cl-ink)}#clemlife-root .cl-btn-main:hover{background:#4d476e}#clemlife-root .cl-btn-soft{background:var(--cl-purple-light);color:#6855b3;border-color:transparent}#clemlife-root .cl-btn-small{padding:7px 11px;font-size:12px;border-radius:10px}#clemlife-root .cl-btn-ghost{background:transparent;border-color:transparent}#clemlife-root .cl-tabs{display:flex;gap:7px;margin:22px 0 24px;border-bottom:1px solid var(--cl-line);padding-bottom:14px}#clemlife-root .cl-tab{border:0;background:transparent;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:750;color:#85829a}#clemlife-root .cl-tab.cl-on{background:#eae6fb;color:#6254a7}#clemlife-root .cl-two{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px}#clemlife-root .cl-card{background:var(--cl-card);border:1px solid var(--cl-line);border-radius:19px;padding:24px;box-shadow:0 3px 10px rgba(52,39,94,.025)}#clemlife-root .cl-hero{border-radius:20px;background:linear-gradient(115deg,#e9e3fa,#f7eefa 59%,#f8ede6);padding:28px 30px;position:relative;overflow:hidden;border:1px solid #e8ddfa}#clemlife-root .cl-hero:after{content:'✳';position:absolute;right:24px;top:0;font-size:150px;color:#a99ad3;opacity:.12;line-height:1;pointer-events:none}#clemlife-root h1{font-size:29px;font-weight:820;letter-spacing:-.75px;line-height:1.2;max-width:660px;margin:6px 0 11px}#clemlife-root h2{font-size:20px;font-weight:800;letter-spacing:-.3px}#clemlife-root h3{font-size:15px;font-weight:800}#clemlife-root .cl-caption{font-size:13px;color:var(--cl-soft)}#clemlife-root .cl-section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 13px}#clemlife-root .cl-section-heading .cl-caption{margin-top:3px}#clemlife-root .cl-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#clemlife-root .cl-res{background:#fff;border:1px solid var(--cl-line);border-radius:17px;padding:17px;text-align:left;display:flex;gap:9px;flex-direction:column;min-height:141px;transition:transform .15s,border-color .15s}#clemlife-root .cl-res:hover{transform:translateY(-2px);border-color:#c9bcec}#clemlife-root .cl-res.cl-selected{outline:2px solid #9d8ae5;outline-offset:-2px;background:#f9f7ff}#clemlife-root .cl-res-top{display:flex;align-items:center;justify-content:space-between}#clemlife-root .cl-res-icon{font-size:24px}#clemlife-root .cl-res-score{font-size:12px;color:var(--cl-soft);font-weight:750}#clemlife-root .cl-res-title{font-weight:800;font-size:15px}#clemlife-root .cl-res-desc{font-size:12px;color:var(--cl-soft);line-height:1.35}#clemlife-root .cl-progress{height:5px;border-radius:20px;background:#efedf4;overflow:hidden}#clemlife-root .cl-progress>div{height:100%;border-radius:20px;background:#ada0dd;max-width:100%}#clemlife-root .cl-tasks{display:flex;flex-direction:column;gap:10px}#clemlife-root .cl-task{border:1px solid var(--cl-line);background:#fff;border-radius:14px;padding:14px 15px;display:flex;align-items:flex-start;gap:12px}#clemlife-root .cl-task.cl-done{opacity:.63}#clemlife-root .cl-task-main{min-width:0;flex:1}#clemlife-root .cl-task-name{font-weight:750;font-size:14px;line-height:1.4;overflow-wrap:anywhere}#clemlife-root .cl-task.cl-done .cl-task-name{text-decoration:line-through}#clemlife-root .cl-task-step{font-size:12px;color:var(--cl-soft);margin-top:4px;overflow-wrap:anywhere}#clemlife-root .cl-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}#clemlife-root .cl-chip{font-size:11px;font-weight:750;color:#78708e;padding:3px 8px;background:#f3f2f8;border-radius:7px;line-height:1.4}#clemlife-root .cl-chip.cl-resource{background:#f0ecfb;color:#7763b5}#clemlife-root .cl-check{border:2px solid #c7bfdc;background:#fff;color:#fff;width:27px;height:27px;min-width:27px;border-radius:9px;font-size:16px;display:flex;align-items:center;justify-content:center}#clemlife-root .cl-check:hover{border-color:#8c78cb}#clemlife-root .cl-task.cl-done .cl-check{background:#739c87;border-color:#739c87}#clemlife-root .cl-task-right{display:flex;align-items:center;gap:6px}#clemlife-root .cl-iconbtn{border:0;background:transparent;color:#a19cba;font-size:18px;padding:2px 7px;border-radius:7px}#clemlife-root .cl-iconbtn:hover{background:#f4f1fb;color:#6a5e9b}#clemlife-root .cl-placeholder{background:#fff;border:1px dashed #d8d2e6;border-radius:16px;text-align:center;padding:30px 15px;color:var(--cl-soft)}#clemlife-root .cl-placeholder-emoji{font-size:31px;margin-bottom:7px}#clemlife-root .cl-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#clemlife-root .cl-filter{display:flex;align-items:center;flex-wrap:wrap;gap:7px}#clemlife-root .cl-filter button{padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--cl-line);font-size:12px;font-weight:700;color:#76708c}#clemlife-root .cl-filter button.cl-on{background:#e8e3f7;color:#6d5aaa;border-color:#e8e3f7}#clemlife-root .cl-input,#clemlife-root .cl-select,#clemlife-root .cl-textarea{min-height:41px;border:1px solid #dedbe9;background:#fff;color:var(--cl-ink);border-radius:11px;padding:9px 12px;width:100%;outline:none}#clemlife-root .cl-input:focus,#clemlife-root .cl-select:focus,#clemlife-root .cl-textarea:focus{border-color:#a997de;box-shadow:0 0 0 3px #f0ebff}#clemlife-root .cl-textarea{min-height:88px;resize:vertical}#clemlife-root .cl-label{display:block;margin:12px 0 5px;font-size:12px;font-weight:800;color:#67627f}#clemlife-root .cl-inlineform{display:grid;grid-template-columns:1fr 190px;gap:10px;align-items:center;margin:13px 0 17px}#clemlife-root .cl-pick{margin-top:9px;display:flex;flex-wrap:wrap;gap:7px}#clemlife-root .cl-select-mini{border:1px solid #e1ddec;border-radius:9px;background:#fff;color:#716782;padding:6px 8px;font-size:12px;max-width:150px}#clemlife-root .cl-mode{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}#clemlife-root .cl-mode button{border:1px solid #dfd9f0;border-radius:10px;background:#fff9;padding:8px 11px;color:#6a608a;font-weight:750;font-size:12px}#clemlife-root .cl-mode button.cl-active{background:#6354a6;color:#fff;border-color:#6354a6}#clemlife-root .cl-suggest{display:flex;flex-direction:column;gap:9px}#clemlife-root .cl-suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #f0eef5}#clemlife-root .cl-suggestion:last-child{border-bottom:0}#clemlife-root .cl-suggestion strong{font-size:13px}#clemlife-root .cl-suggestion p{font-size:11px;color:var(--cl-soft)}#clemlife-root .cl-banner{border-radius:13px;background:#eae6f5;padding:13px 15px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#5d547e;margin:16px 0}#clemlife-root .cl-banner strong{font-size:13px}#clemlife-root .cl-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#clemlife-root .cl-kpi{background:#fff;border:1px solid var(--cl-line);border-radius:15px;padding:17px}#clemlife-root .cl-kpi strong{display:block;font-size:28px}#clemlife-root .cl-kpi span{font-size:12px;color:var(--cl-soft)}#clemlife-root .cl-list-note{padding:11px 13px;border-left:3px solid #b9a9de;background:#f7f4ff;border-radius:6px 10px 10px 6px;margin-bottom:10px;font-size:14px}#clemlife-root .cl-list-note small{display:block;color:var(--cl-soft);font-size:11px;margin-top:4px}#clemlife-root .cl-foot{margin-top:35px;border-top:1px solid var(--cl-line);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#918aab;font-size:12px}#clemlife-root .cl-modalbg{position:fixed;inset:0;z-index:99999;background:#1b1829a6;display:flex;align-items:center;justify-content:center;padding:12px}#clemlife-root .cl-modal{max-width:540px;width:100%;border-radius:20px;padding:24px;background:#fff;max-height:90vh;overflow:auto;box-shadow:0 30px 80px #211b392a}#clemlife-root .cl-modalhead{display:flex;align-items:center;justify-content:space-between}#clemlife-root .cl-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#clemlife-root .cl-bottom{display:none}#clemlife-root .cl-hide{display:none!important}#clemlife-root .cl-narrow{max-width:750px}#clemlife-root .cl-break{overflow-wrap:anywhere}
@media(max-width:850px){#clemlife-root .cl-two{grid-template-columns:1fr}#clemlife-root .cl-grid4{grid-template-columns:repeat(2,1fr)}#clemlife-root .cl-res{min-height:135px}}
@media(max-width:600px){#clemlife-root{padding-bottom:95px;font-size:14px}#clemlife-root .cl-wrap{padding:15px 14px}#clemlife-root .cl-top{padding-bottom:11px}#clemlife-root .cl-actions .cl-btn{padding:8px 10px;font-size:12px}#clemlife-root .cl-top .cl-sub{display:none}#clemlife-root .cl-tabs{display:none}#clemlife-root h1{font-size:25px}#clemlife-root h2{font-size:18px}#clemlife-root .cl-hero{padding:22px 20px}#clemlife-root .cl-card{padding:18px 15px}#clemlife-root .cl-section-heading{margin:23px 0 12px;align-items:flex-start}#clemlife-root .cl-grid4{gap:9px}#clemlife-root .cl-res{padding:13px;min-height:145px}#clemlife-root .cl-inlineform{grid-template-columns:1fr}#clemlife-root .cl-kpis{gap:7px}#clemlife-root .cl-kpi{padding:12px}#clemlife-root .cl-kpi strong{font-size:23px}#clemlife-root .cl-task{padding:12px 10px;gap:9px}#clemlife-root .cl-task-right{flex-direction:column}#clemlife-root .cl-foot{display:block}#clemlife-root .cl-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9998;background:#fff;border-top:1px solid #e7e3f1;justify-content:space-around;padding:9px 6px max(9px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #3a31520f}#clemlife-root .cl-bottom button{border:0;background:transparent;font-size:11px;font-weight:750;color:#827e95;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:61px}#clemlife-root .cl-bottom button span{font-size:22px}#clemlife-root .cl-bottom button.cl-on{color:#6853b6}#clemlife-root .cl-formgrid{grid-template-columns:1fr}#clemlife-root .cl-modal{padding:17px}#clemlife-root .cl-banner{display:block}#clemlife-root .cl-banner .cl-btn{margin-top:9px}}
body{margin:0;background:#f7f6fc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#24233d}button,input,textarea,select{font:inherit}button{cursor:pointer}#account-bar{max-width:1072px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:13px;color:#72718c}#account-bar[hidden]{display:none}#account-bar button{background:transparent;border:1px solid #e8e6f2;border-radius:9px;padding:5px 12px;color:#6254a7}#connection{position:sticky;top:0;z-index:100;background:#efecfc;text-align:center;font-size:13px;line-height:1.5;padding:6px 12px;color:#4d476f}#connection:empty{display:none}#connection[data-state=error],#connection[data-state=conflict]{background:#fff0df;color:#794614}#connection button{border:1px solid currentColor;background:#fff;border-radius:8px;margin:4px 5px;padding:5px 9px;color:inherit}.cl-login{max-width:390px;margin:9vh auto;background:white;border:1px solid #e8e6f2;border-radius:24px;padding:32px;box-shadow:0 10px 40px #7869c610}.cl-login h1{font-size:25px}.cl-login p{font-size:14px;color:#72718c}.cl-login form{display:grid;gap:8px;margin:25px 0}.cl-login input{border:1px solid #dcd6ef;padding:12px;border-radius:10px;min-width:0}.cl-login button{background:#7869c6;border:0;border-radius:12px;padding:13px;color:white;font-weight:700}.cl-login #login-error{color:#a7443a;margin:4px 0}.cl-login label{font-size:13px;margin-top:9px}button:disabled{opacity:.55;cursor:wait}#clemlife-root .cl-history-form{margin:22px 0}#clemlife-root .cl-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}#clemlife-root .cl-photos img{display:block;width:100%;height:160px;object-fit:cover;border-radius:12px}#clemlife-root .cl-memory{margin:15px 0;white-space:pre-wrap;overflow-wrap:anywhere}#clemlife-root .cl-history-card{margin-top:16px}#clemlife-root .cl-preview{position:relative}#clemlife-root .cl-preview button{position:absolute;top:5px;right:5px;border:0;border-radius:50%;background:white;width:28px;height:28px}#clemlife-root .cl-history-top{display:flex;gap:12px;justify-content:space-between;align-items:center}#clemlife-root .cl-tabs{overflow-x:auto}#clemlife-root .cl-bottom button{flex:1;min-width:0;font-size:11px}.cl-sync-help{font-size:12px;color:#72718c}#clemlife-root .cl-photo-input{display:none}@media(max-width:600px){.cl-login{margin:7vh 18px;padding:24px}#clemlife-root .cl-photos img{height:110px}#account-bar{padding:8px 18px}#clemlife-root .cl-section-heading{flex-wrap:wrap}#clemlife-root .cl-top{align-items:flex-start}#clemlife-root .cl-actions{gap:5px}#clemlife-root .cl-btn{white-space:normal}#clemlife-root .cl-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}#clemlife-root{padding-bottom:110px}}
@media(max-width:600px){#clemlife-root .cl-brand{white-space:nowrap;font-size:13px;letter-spacing:1.7px}#clemlife-root .cl-top{display:block}#clemlife-root .cl-top .cl-actions{margin-top:12px}}