*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:Quicksand,system-ui,sans-serif;background:#ffd0e2;color:#5a3d4a}body{min-height:100vh;min-height:100dvh;background:linear-gradient(165deg,#ffd9e8,#ffc2db)}#root{width:100%}.phone{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(120% 60% at 80% 0%,#ffd6e6 0%,transparent 60%),radial-gradient(110% 55% at 0% 20%,#ffe0ef 0%,transparent 55%),linear-gradient(180deg,#fff2f7,#ffe7f1 55%,#ffdcec);padding:22px 20px calc(118px + env(safe-area-inset-bottom))}.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none}.blob.one{width:200px;height:200px;background:#ffafd0;top:-60px;right:-50px}.blob.two{width:160px;height:160px;background:#ffc9e6;bottom:150px;left:-60px}.head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between}.kicker{font-size:13px;font-weight:600;color:#d98ba8;letter-spacing:.3px}.title{font-size:25px;font-weight:700;color:#5a3d4a;margin-top:3px;line-height:1.25}.title span{display:inline-block;animation:sway 3s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ff8fb6,#ff6f9f);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 18px #ff6f9f73;animation:bob 3.5s ease-in-out infinite;flex-shrink:0}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.page{position:relative;z-index:2;max-width:560px;margin:0 auto;animation:pagein .22s ease}@keyframes pagein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.nextup{margin-top:18px;display:flex;align-items:center;gap:10px;background:linear-gradient(140deg,#ff8fb6,#ff5d8f);border-radius:20px;padding:13px 15px;box-shadow:0 14px 28px #ff5d8f66}.nextup .ne{width:38px;height:38px;border-radius:12px;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:19px}.nextup .nl{font-size:11px;font-weight:700;color:#ffe1ec}.nextup .nt{font-size:15px;font-weight:700;color:#fff}.sec{display:flex;align-items:center;justify-content:space-between;margin:24px 0 13px}.sec h2{font-size:19px;font-weight:700}.count{font-size:12px;font-weight:700;color:#ff5d8f;background:#ffe1ec;padding:5px 11px;border-radius:20px}.sublabel{font-size:13px;font-weight:600;color:#cf86a4;margin-top:4px}.timeline{display:flex;flex-direction:column;gap:11px}.task{display:flex;gap:12px;align-items:center}.tcol{width:40px;flex-shrink:0;font-size:12px;font-weight:700;color:#c98aa6;text-align:center;line-height:1.25}.card{flex:1;display:flex;align-items:center;gap:12px;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.9);border-radius:20px;padding:13px 14px;box-shadow:0 8px 20px #ff8caf2e}.emoji{width:40px;height:40px;flex-shrink:0;border-radius:14px;background:#ffe6ef;display:flex;align-items:center;justify-content:center;font-size:20px}.info{flex:1;min-width:0}.tl{font-size:15px;font-weight:700;color:#5a3d4a}.dur{font-size:12px;font-weight:600;color:#c98aa6;margin-top:1px}.check{width:26px;height:26px;flex-shrink:0;border-radius:50%;border:2px solid #ffc4d8;display:flex;align-items:center;justify-content:center;font-size:13px;color:transparent;cursor:pointer}.task.done .card{background:#ffffff73;box-shadow:none}.task.done .tl{text-decoration:line-through;color:#c2a3b0}.task.done .emoji{filter:grayscale(.3);opacity:.8}.task.done .check{background:linear-gradient(135deg,#ff8fb6,#ff5d8f);border-color:transparent;color:#fff}.task.done .tcol{color:#c2a3b0}.task.now .card{background:linear-gradient(140deg,#ff8fb6,#ff5d8f);border-color:transparent;box-shadow:0 14px 28px #ff5d8f73}.task.now .emoji{background:#ffffff40}.task.now .tl{color:#fff}.task.now .dur{color:#ffe1ec}.task.now .check{border-color:#ffffffb3}.task.now .tcol{color:#fff}.tag{font-size:10px;font-weight:700;color:#fff;background:#ffffff47;padding:2px 7px;border-radius:10px;margin-left:6px;vertical-align:middle}.hint{text-align:center;font-size:13px;font-weight:600;color:#cf86a4;margin-top:18px}.meta{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#ff5d8f;background:#ffe1ec;padding:3px 9px;border-radius:12px;margin-top:5px}.dots{display:flex;gap:4px;margin-top:7px}.dots i{width:7px;height:7px;border-radius:50%;background:#ffd0e0}.dots i.on{background:#ff5d8f}.ring-wrap{display:flex;align-items:center;gap:18px;margin-top:18px;background:#ffffffb3;border:1.5px solid rgba(255,255,255,.9);border-radius:24px;padding:18px;box-shadow:0 8px 20px #ff8caf2e}.ring{width:96px;height:96px;border-radius:50%;flex-shrink:0;background:conic-gradient(#ff5d8f,#ff5d8f 82%,#ffe1ec 82%,#ffe1ec);display:flex;align-items:center;justify-content:center}.ring .inner{width:70px;height:70px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring .pct{font-size:22px;font-weight:700;color:#ff5d8f}.ring .pl{font-size:9px;font-weight:700;color:#c98aa6}.ring-txt h3{font-size:17px;font-weight:700}.ring-txt p{font-size:13px;font-weight:600;color:#cf86a4;margin-top:3px}.chips{display:flex;gap:10px;margin-top:12px}.chip{flex:1;background:#ffffffb3;border:1.5px solid rgba(255,255,255,.9);border-radius:18px;padding:13px 8px;text-align:center;box-shadow:0 8px 20px #ff8caf26}.chip .cv{font-size:19px;font-weight:700;color:#5a3d4a}.chip .cl{font-size:10px;font-weight:700;color:#c98aa6;margin-top:2px}.panel{background:#ffffffb3;border:1.5px solid rgba(255,255,255,.9);border-radius:24px;padding:16px;margin-top:12px;box-shadow:0 8px 20px #ff8caf2e}.panel h3{font-size:15px;font-weight:700;margin-bottom:14px}.bars{display:flex;align-items:flex-end;justify-content:space-between;height:110px}.bar{width:26px;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bar .fill{width:100%;border-radius:8px;background:linear-gradient(180deg,#ffb0cc,#ff5d8f)}.bar .bl{font-size:10px;font-weight:700;color:#c98aa6}.bar.today .fill{background:linear-gradient(180deg,#ff7aa8,#e8447a);box-shadow:0 4px 10px #e8447a66}.catrow{margin-bottom:13px}.catrow:last-child{margin-bottom:0}.cattop{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:5px}.cattop .cp{color:#ff5d8f}.track{height:9px;border-radius:6px;background:#ffe1ec;overflow:hidden}.track i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#ffb0cc,#ff5d8f)}.account{display:flex;align-items:center;gap:13px;margin-top:18px;background:linear-gradient(140deg,#ff8fb6,#ff5d8f);border-radius:22px;padding:16px;box-shadow:0 14px 28px #ff5d8f66}.acc-av{width:52px;height:52px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.acc-info{flex:1;min-width:0}.acc-name{font-size:17px;font-weight:700;color:#fff}.acc-mail{font-size:12px;font-weight:600;color:#ffe1ec;margin-top:1px}.acc-sync{font-size:11px;font-weight:700;color:#fff;background:#ffffff40;padding:5px 9px;border-radius:12px;flex-shrink:0}.signout{text-align:center;font-size:14px;font-weight:700;color:#ff5d8f;background:#ffffffb3;border:1.5px solid rgba(255,255,255,.9);border-radius:18px;padding:14px;margin-top:11px;cursor:pointer}.srow{display:flex;align-items:center;justify-content:space-between;background:#ffffffb3;border:1.5px solid rgba(255,255,255,.9);border-radius:18px;padding:14px 15px;margin-top:11px;box-shadow:0 8px 20px #ff8caf26}.srow .sleft{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:700}.srow .si{width:36px;height:36px;border-radius:12px;background:#ffe6ef;display:flex;align-items:center;justify-content:center;font-size:17px}.langs{display:flex;gap:7px}.langs b{font-size:12px;font-weight:700;padding:6px 10px;border-radius:12px;background:#ffe1ec;color:#cf86a4;cursor:pointer}.langs b.on{background:linear-gradient(135deg,#ff8fb6,#ff5d8f);color:#fff}.toggle{width:46px;height:27px;border-radius:20px;background:#ffd0e0;position:relative;cursor:pointer;flex-shrink:0}.toggle.on{background:linear-gradient(135deg,#ff8fb6,#ff5d8f)}.toggle:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s;box-shadow:0 2px 4px #00000026}.toggle.on:after{left:22px}.madewith{text-align:center;font-size:13px;font-weight:700;color:#cf86a4;margin-top:26px}.nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1.5px solid rgba(255,180,205,.4);padding-bottom:env(safe-area-inset-bottom);z-index:5;overflow:visible}.nav-inner{max-width:560px;margin:0 auto;display:flex;align-items:center;padding:10px 8px 16px;overflow:visible}.navbtn{flex:1;border:none;background:none;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#d4a6b8}.navbtn .ico{font-size:20px}.navbtn.active{color:#ff5d8f}.fab-slot{flex:0 0 76px;display:flex;justify-content:center}.fab{position:relative;width:66px;height:66px;border-radius:50%;border:5px solid #fff7fa;background:linear-gradient(150deg,#ff9ec0,#ff5d8f);box-shadow:0 12px 26px #ff5d8f8c;font-size:27px;cursor:pointer;transform:translateY(-26px);transition:transform .15s ease;touch-action:none;user-select:none;-webkit-user-select:none}.fab:active{transform:translateY(-26px) scale(.92)}.fab.rec{animation:recpulse 1s ease-in-out infinite}@keyframes recpulse{0%,to{transform:translateY(-26px) scale(1)}50%{transform:translateY(-26px) scale(1.08)}}.fab .pr{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:#ff6f9f;animation:pulse 2.6s ease-out infinite;z-index:-1}.fab .pr.d{animation-delay:1.3s}@keyframes pulse{0%{transform:scale(1);opacity:.5}80%{transform:scale(1.7);opacity:0}to{opacity:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#ffc8dcb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.overlay-card{background:#fff;border-radius:28px;padding:32px 38px;text-align:center;box-shadow:0 20px 50px #ff5d8f66}.overlay-flower{font-size:52px;display:inline-block;animation:spin 2.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay-text{font-size:17px;font-weight:700;color:#5a3d4a;margin-top:12px}.overlay-sub{font-size:13px;font-weight:600;color:#cf86a4;margin-top:4px}.editor{background:#fff;border-radius:26px;padding:24px 22px;width:100%;max-width:340px;box-shadow:0 20px 50px #ff5d8f66}.editor-title{font-size:18px;font-weight:700;color:#5a3d4a;margin-bottom:16px}.editor-label{display:block;font-size:12px;font-weight:700;color:#cf86a4;margin-bottom:5px}.editor-input{width:100%;font-family:inherit;font-size:15px;font-weight:600;color:#5a3d4a;background:#fff5f8;border:1.5px solid #ffd0e0;border-radius:14px;padding:11px 13px;margin-bottom:13px;outline:none}.editor-input:focus{border-color:#ff8fb6}.editor-row{display:flex;gap:11px}.editor-row>div{flex:1;min-width:0}.editor-save{width:100%;font-family:inherit;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff8fb6,#ff5d8f);border:none;border-radius:14px;padding:13px;cursor:pointer;margin-top:4px}.editor-delete{width:100%;font-family:inherit;font-size:14px;font-weight:700;color:#e8447a;background:#ffe1ec;border:none;border-radius:14px;padding:12px;cursor:pointer;margin-top:9px}.editor-cancel{width:100%;font-family:inherit;font-size:14px;font-weight:700;color:#b08a99;background:none;border:none;padding:11px;cursor:pointer;margin-top:3px}.rec-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(98px + env(safe-area-inset-bottom));z-index:6;background:#ff5d8f;color:#fff;font-size:13px;font-weight:700;padding:10px 16px;border-radius:20px;box-shadow:0 10px 24px #ff5d8f80}.empty{text-align:center;padding:56px 20px}.empty-emoji{font-size:54px}.empty-title{font-size:18px;font-weight:700;color:#5a3d4a;margin-top:12px}.empty-sub{font-size:14px;font-weight:600;color:#cf86a4;margin-top:5px;line-height:1.5}.auth{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 60% at 80% 0%,#ffd6e6 0%,transparent 60%),linear-gradient(180deg,#fff2f7,#ffdcec)}.auth-card{width:100%;max-width:360px;background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.9);border-radius:28px;padding:34px 26px;text-align:center;box-shadow:0 20px 50px #ff5d8f47}.auth-flower{font-size:50px}.auth-title{font-size:26px;font-weight:700;color:#5a3d4a;margin-top:4px}.auth-sub{font-size:14px;font-weight:600;color:#cf86a4;margin:4px 0 22px}.auth-input{width:100%;font-family:inherit;font-size:15px;font-weight:600;color:#5a3d4a;background:#fff;border:1.5px solid #ffd0e0;border-radius:16px;padding:13px 15px;margin-bottom:11px;outline:none}.auth-input:focus{border-color:#ff8fb6}.auth-input::placeholder{color:#d4a6b8;font-weight:600}.auth-error{font-size:13px;font-weight:700;color:#e8447a;margin-bottom:10px}.auth-btn{width:100%;font-family:inherit;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff8fb6,#ff5d8f);border:none;border-radius:16px;padding:14px;cursor:pointer;margin-top:4px;box-shadow:0 10px 22px #ff5d8f66}.auth-btn:disabled{opacity:.6}.auth-switch{font-size:13px;font-weight:700;color:#ff5d8f;margin-top:16px;cursor:pointer}@media(max-width:360px){.phone{padding-left:15px;padding-right:15px}.title{font-size:22px}.chips{gap:7px}}