.mk-phone .pd-screen{position:relative;aspect-ratio:9/18.6;container-type:inline-size;overflow:hidden;border-radius:12%/5.8%;background:#fdfaf3;text-align:left}.pd{--u:0.4cqw;--ink:#1f2622;--ink-2:#4d5652;--ink-3:#8a988f;--line:#f0e6d2;--green:#2d7a4f;--green-dark:#226240;--green-50:#eef6f0;--green-200:#b9dbc5;--leaf:#58cc02;--leaf-dark:#46a302;--leaf-50:#e6f8d9;--gold:#f7c548;--gold-50:#fff2cc;--sky:#1cb0f6;--sky-dark:#1899d6;--sky-50:#e3f4fd;inset:0;font-family:var(--font-nunito),system-ui,sans-serif;font-size:calc(var(--u) * 12);line-height:1.3;color:var(--ink-2)}.pd,.pd-status{position:absolute}.pd-status{top:0;left:0;right:0;height:calc(var(--u) * 36);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--u) * 20) 0 calc(var(--u) * 26)}.pd-time{font-size:calc(var(--u) * 12.5);font-weight:800;color:#1c2b22}.pd-island{position:absolute;top:calc(var(--u) * 9);left:50%;width:calc(var(--u) * 72);height:calc(var(--u) * 21);border-radius:999px;background:#10130f;transform:translateX(-50%)}.pd-sys{display:flex;align-items:center;gap:calc(var(--u) * 4)}.pd-ico-signal{width:calc(var(--u) * 14);height:auto;fill:#1c2b22}.pd-ico-wifi{width:calc(var(--u) * 13);height:auto;fill:#1c2b22;stroke:#1c2b22}.pd-battery{position:relative;width:calc(var(--u) * 21);height:calc(var(--u) * 10.5);padding:calc(var(--u) * 1.3);border:calc(var(--u) * 1.2) solid rgba(28,43,34,.45);border-radius:calc(var(--u) * 3.2)}.pd-battery:after{content:"";position:absolute;top:30%;right:calc(var(--u) * -3.2);width:calc(var(--u) * 1.6);height:40%;border-radius:0 calc(var(--u) * 2) calc(var(--u) * 2) 0;background:rgba(28,43,34,.45)}.pd-battery span{display:block;width:78%;height:100%;border-radius:calc(var(--u) * 1.6);background:#1c2b22}.pd-home{position:absolute;bottom:calc(var(--u) * 6);left:50%;width:calc(var(--u) * 86);height:calc(var(--u) * 4);border-radius:999px;background:#1c2b22;opacity:.85;transform:translateX(-50%)}.pd-view{position:absolute;top:calc(var(--u) * 40);left:0;right:0;bottom:calc(var(--u) * 16);display:flex;flex-direction:column}.pd-head{display:flex;align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 4) calc(var(--u) * 16) calc(var(--u) * 12)}.pd-avatar{width:calc(var(--u) * 26)}.pd-avatar,.pd-x{flex:none;height:auto}.pd-x{width:calc(var(--u) * 13);fill:none;stroke:#5b6a63;stroke-width:1.8;stroke-linecap:round}.pd-title{flex:1;min-width:0;font-size:calc(var(--u) * 15.5);font-weight:900;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-pill{flex:none;padding:calc(var(--u) * 3) calc(var(--u) * 8);border-radius:999px;background:var(--green-50);color:var(--green-dark);font-size:calc(var(--u) * 10);font-weight:800}.pd-pill-sky{background:var(--sky-50);color:#1679b0}.pd-pill-gold{background:var(--gold-50);color:#8a6206}.pd-timer{padding:calc(var(--u) * 3) calc(var(--u) * 9);background:#1c2b22;color:#fff;font-size:calc(var(--u) * 10.5);font-weight:800;font-variant-numeric:tabular-nums}.pd-meter,.pd-timer{flex:none;border-radius:999px}.pd-meter{display:block;width:calc(var(--u) * 88);height:calc(var(--u) * 8);background:#e8e2d2;overflow:hidden}.pd-meter>span{display:block;height:100%;border-radius:inherit;background:var(--leaf)}.pd-meter-wide{width:100%;margin-top:calc(var(--u) * 6)}.pd-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 calc(var(--u) * 16)}.pd-chip{align-self:flex-start;padding:calc(var(--u) * 3) calc(var(--u) * 8);border-radius:999px;background:var(--green-50);color:var(--green-dark);font-size:calc(var(--u) * 9.5);font-weight:800}.pd-chip-sky{background:var(--sky-50);color:#1679b0}.pd-chip-gold{margin-bottom:calc(var(--u) * 10);background:var(--gold-50);color:#8a6206}.pd-stem{margin-top:calc(var(--u) * 9);font-size:calc(var(--u) * 15);font-weight:800;line-height:1.28;color:var(--ink)}.pd-foot{margin-top:auto;margin-bottom:calc(var(--u) * 8);text-align:center;font-size:calc(var(--u) * 10.5);font-weight:800;color:#5b6a63}.pd-check{width:72%;height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pd-opts{margin-top:calc(var(--u) * 12);display:flex;flex-direction:column;gap:calc(var(--u) * 7)}.pd-opt{display:flex;gap:calc(var(--u) * 9);padding:calc(var(--u) * 7) calc(var(--u) * 10);border:calc(var(--u) * 1.6) solid var(--line);border-bottom-width:calc(var(--u) * 3.4);border-radius:calc(var(--u) * 11);background:#fff;font-size:calc(var(--u) * 12);font-weight:800;color:var(--ink-2)}.pd-opt,.pd-opt i{align-items:center}.pd-opt i{flex:none;display:inline-flex;justify-content:center;width:calc(var(--u) * 21);height:calc(var(--u) * 21);border-radius:calc(var(--u) * 6);background:#f3ead8;color:#5b6a63;font-size:calc(var(--u) * 10.5);font-style:normal;font-weight:900}.pd-opt.is-right{border-color:var(--leaf);background:var(--leaf-50);color:#3f8f1f}.pd-opt.is-right i{background:var(--leaf);color:#fff}.pd-opt.is-picked{border-color:var(--sky-dark);background:var(--sky-50);color:#1679b0}.pd-opt.is-picked i{background:var(--sky-dark);color:#fff}.pd-btn{display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--u) * 5) calc(var(--u) * 12);border-radius:calc(var(--u) * 9);background:var(--green);color:#fff;font-size:calc(var(--u) * 10.5);font-weight:900;box-shadow:0 calc(var(--u) * 2.4) 0 var(--green-dark)}.pd-btn-ghost{background:#fff;color:var(--green);border:calc(var(--u) * 1.2) solid var(--green-200);box-shadow:0 calc(var(--u) * 2.4) 0 #dcece1}.pd-feedback{margin-top:auto;margin-bottom:calc(var(--u) * 8);display:flex;align-items:flex-start;gap:calc(var(--u) * 8);padding:calc(var(--u) * 10);border:calc(var(--u) * 1.4) solid var(--green-200);border-radius:calc(var(--u) * 14);background:var(--green-50);font-size:calc(var(--u) * 10.5);font-weight:700;line-height:1.35;color:var(--green-dark)}.pd-feedback b{color:var(--green);font-weight:900}.pd-fb-bao{flex:none;width:calc(var(--u) * 30);height:auto}.pd-fb-actions{display:flex;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 8)}.pd-card{padding:calc(var(--u) * 12);border:calc(var(--u) * 1.6) solid var(--line);border-bottom-width:calc(var(--u) * 3.6);border-radius:calc(var(--u) * 16);background:#fff}.pd-typed{margin-top:calc(var(--u) * 10);padding:calc(var(--u) * 9) calc(var(--u) * 10);border:calc(var(--u) * 1.4) dashed #e2d3b2;border-radius:calc(var(--u) * 10);background:#faf4e8;font-size:calc(var(--u) * 11.5);font-weight:700;color:#3a3f3b}.pd-caret{display:inline-block;width:calc(var(--u) * 1.6);height:1.1em;margin-left:calc(var(--u) * 1.5);vertical-align:text-bottom;background:var(--green);animation:pd-blink 1s steps(1) infinite}@keyframes pd-blink{50%{opacity:0}}.pd-grade{margin-top:calc(var(--u) * 12);display:flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 11);border:calc(var(--u) * 1.4) solid #a6e772;border-radius:calc(var(--u) * 14);background:var(--leaf-50)}.pd-ring{--p:50;flex:none;position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:calc(var(--u) * 52);height:calc(var(--u) * 52);border-radius:50%;background:conic-gradient(var(--leaf) calc(var(--p) * 1%),#d6eccd 0)}.pd-ring:before{content:"";position:absolute;inset:calc(var(--u) * 6);border-radius:50%;background:#fff}.pd-ring b,.pd-ring small{position:relative}.pd-ring b{font-size:calc(var(--u) * 13);line-height:1}.pd-grade-h,.pd-ring b{font-weight:900;color:#3f8f1f}.pd-grade-h{display:block;font-size:calc(var(--u) * 11)}.pd-miss{display:block;margin-top:calc(var(--u) * 4);font-size:calc(var(--u) * 10.5);font-weight:700;line-height:1.35;color:var(--ink-2)}.pd-rate{margin-top:auto;margin-bottom:calc(var(--u) * 10);display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 7)}.pd-rate span{padding:calc(var(--u) * 8) 0;border-radius:calc(var(--u) * 10);color:#fff;font-size:calc(var(--u) * 11);font-weight:900;text-align:center}.pd-rate .r-again{background:#ff6b5b;box-shadow:0 calc(var(--u) * 2.4) 0 #d9493a}.pd-rate .r-good{background:var(--sky);box-shadow:0 calc(var(--u) * 2.4) 0 var(--sky-dark)}.pd-rate .r-easy{background:var(--leaf);box-shadow:0 calc(var(--u) * 2.4) 0 var(--leaf-dark)}.pd-modes{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 8)}.pd-mode{display:flex;flex-direction:column;padding:calc(var(--u) * 10);border:calc(var(--u) * 1.6) solid var(--line);border-bottom-width:calc(var(--u) * 3.6);border-radius:calc(var(--u) * 14);background:#fff}.pd-mode-ic{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 30);height:calc(var(--u) * 30);margin-bottom:calc(var(--u) * 7);border-radius:calc(var(--u) * 9);font-size:calc(var(--u) * 16);line-height:1}.pd-mode b{font-size:calc(var(--u) * 12);font-weight:900;color:var(--ink)}.pd-mode>span:last-child{margin-top:calc(var(--u) * 1);font-size:calc(var(--u) * 9.5);font-weight:700;color:#5b6a63}.pd-mode.t-gold .pd-mode-ic{background:var(--gold-50)}.pd-mode.t-sky .pd-mode-ic{background:var(--sky-50)}.pd-mode.t-green .pd-mode-ic{background:var(--green-50)}.pd-mode.t-leaf .pd-mode-ic{background:var(--leaf-50)}.pd-mode.t-coral .pd-mode-ic{background:#ffe6e1}.pd-mode.t-violet .pd-mode-ic{background:#efe8ff}.pd-progress-row{display:flex;justify-content:space-between;font-size:calc(var(--u) * 10.5);font-weight:800;color:#5b6a63}.pd-flag{color:#c8412f}.pd-week{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(var(--u) * 4)}.pd-week span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 1);padding:calc(var(--u) * 6) 0;border:calc(var(--u) * 1.2) solid var(--line);border-radius:calc(var(--u) * 10);background:#fff}.pd-week small{font-size:calc(var(--u) * 8.5);font-weight:800;color:var(--ink-3)}.pd-week b{font-size:calc(var(--u) * 12);font-weight:900;color:#3a3f3b}.pd-week .is-done{border-color:#a6e772;background:var(--leaf-50)}.pd-week .is-today{border-color:var(--green-dark);background:var(--green)}.pd-week .is-today b,.pd-week .is-today small{color:#fff}.pd-tasks{margin-top:calc(var(--u) * 12);display:flex;flex-direction:column;gap:calc(var(--u) * 8)}.pd-task{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 9) calc(var(--u) * 10);border:calc(var(--u) * 1.6) solid var(--line);border-bottom-width:calc(var(--u) * 3.2);border-radius:calc(var(--u) * 13);background:#fff}.pd-task-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 28);height:calc(var(--u) * 28);border-radius:calc(var(--u) * 9);font-size:calc(var(--u) * 13);line-height:1}.pd-task-ic.t-green{background:var(--leaf);color:#fff}.pd-task-ic.t-gold{background:var(--gold);color:#3a2e05;font-size:calc(var(--u) * 10)}.pd-task-ic.t-sky{background:var(--sky-50)}.pd-task-ic.t-leaf{background:var(--leaf-50)}.pd-task>div{min-width:0}.pd-task b{display:block;font-size:calc(var(--u) * 12);font-weight:900;color:var(--ink)}.pd-task>div>span{display:block;font-size:calc(var(--u) * 9.5);font-weight:700;color:#5b6a63;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-task.is-done b{color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(88,204,2,.8)}.pd-task.is-now{border-color:var(--gold)}.pd-mini-meter{position:absolute;left:calc(var(--u) * 48);right:calc(var(--u) * 12);bottom:calc(var(--u) * 4);height:calc(var(--u) * 3);border-radius:999px;background:#f3ead8;overflow:hidden}.pd-mini-meter>span{display:block;height:100%;background:var(--gold)}.pd-score{display:flex;align-items:center;gap:calc(var(--u) * 14);padding:calc(var(--u) * 12);border:calc(var(--u) * 1.6) solid var(--line);border-bottom-width:calc(var(--u) * 3.6);border-radius:calc(var(--u) * 16);background:#fff}.pd-ring-lg{width:calc(var(--u) * 84);height:calc(var(--u) * 84);background:conic-gradient(var(--green) calc(var(--p) * 1%),#dcece1 0)}.pd-ring-lg:before{inset:calc(var(--u) * 9)}.pd-ring-lg b{font-size:calc(var(--u) * 25);color:var(--ink)}.pd-ring-lg small{margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 9);font-weight:800;color:var(--ink-3)}.pd-score-side b{display:block;font-size:calc(var(--u) * 12.5);font-weight:900;color:var(--ink)}.pd-score-side>span{display:block;font-size:calc(var(--u) * 10);font-weight:700;color:#5b6a63}.pd-spark{display:block;width:calc(var(--u) * 78);height:auto;margin:calc(var(--u) * 6) 0 calc(var(--u) * 2);fill:var(--leaf)}.pd-spark path{fill:none;stroke:var(--leaf);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.pd-score-side .pd-up{color:var(--leaf-dark);font-weight:900}.pd-domains{margin-top:calc(var(--u) * 12);display:flex;flex-direction:column;gap:calc(var(--u) * 8)}.pd-dom-row{display:flex;justify-content:space-between;font-size:calc(var(--u) * 10.5);font-weight:800;color:#3a3f3b}.pd-dom-row small{font-size:calc(var(--u) * 9.5);font-weight:800;color:var(--ink-3)}.pd-bar{display:block;height:calc(var(--u) * 7);margin-top:calc(var(--u) * 3);border-radius:999px;background:#efe7d6;overflow:hidden}.pd-bar>span{display:block;height:100%;border-radius:inherit}.pd-bar.b-strong>span{background:var(--leaf)}.pd-bar.b-mid>span{background:var(--gold)}.pd-bar.b-weak>span{background:#ff8a65}.pd-next{margin-top:auto;margin-bottom:calc(var(--u) * 8);padding:calc(var(--u) * 9) calc(var(--u) * 11);border:calc(var(--u) * 1.4) solid var(--gold);border-radius:calc(var(--u) * 12);background:var(--gold-50);font-size:calc(var(--u) * 11);font-weight:800;color:#6b4d05}.pd-next b{color:#8a6206}@media (prefers-reduced-motion:reduce){.pd-caret{animation:none}}