*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink:#ff6b9d;--teal:#4ecdc4;--orange:#ffb347;--purple:#a29bfe;--green:#55efc4;--yellow:#fdcb6e;--blue:#74b9ff;--coral:#ff7675;--bg:#fff8f0;--text:#2d3436;--sub:#8395a7}body{color:var(--text);background:#e8e8e8;justify-content:center;align-items:flex-start;min-height:100vh;font-family:Nunito,sans-serif;display:flex}button{cursor:pointer;font-family:Nunito,sans-serif}input{font-family:Nunito,sans-serif}.app{background:var(--bg);width:420px;min-height:100vh;position:relative;box-shadow:0 0 60px #00000040}.screen{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000012}.t-logo{font-family:Fredoka One,cursive;font-size:1.55rem}.t-logo span{background:linear-gradient(135deg,#ff6b9d,#4ecdc4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.t-user{background:#fff0f6;border-radius:30px;align-items:center;gap:7px;padding:5px 12px 5px 6px;display:flex}.t-avatar{border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex}.t-name{font-size:.8rem;font-weight:900}.bnav{z-index:10;background:#fff;border-top:2px solid #f0f0f0;flex-shrink:0;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 20px #0000000f}.bn{color:var(--sub);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:9px 4px 7px;font-size:.6rem;font-weight:800;transition:color .15s;display:flex;position:relative}.bn.on{color:var(--pink)}.bn-icon{font-size:1.25rem;line-height:1}.bn-dot{background:var(--coral);border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:calc(50% - 12px)}.body{flex:1;padding:16px;overflow-y:auto}.body::-webkit-scrollbar{width:3px}.body::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.f-label{color:var(--sub);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.72rem;font-weight:900;display:block}.f-input{background:#fafafa;border:2.5px solid #eee;border-radius:12px;outline:none;width:100%;margin-bottom:14px;padding:12px 15px;font-size:.95rem}.s-login{background:linear-gradient(160deg,#ff6b9d 0%,#ffb347 40%,#4ecdc4 70%,#a29bfe 100%);justify-content:center;align-items:center;gap:18px;padding:32px 22px}.login-hero{text-align:center}.login-fire{font-size:3.2rem}.login-welcome{color:#fff;opacity:.9;letter-spacing:2px;margin-top:4px;font-family:Fredoka One,cursive;font-size:.9rem}.login-card{background:#fff;border-radius:28px;width:100%;padding:32px 26px;box-shadow:0 20px 50px #0000002e}.login-logo{text-align:center;font-family:Fredoka One,cursive;font-size:2.6rem}.login-logo span{background:linear-gradient(135deg,#ff6b9d,#4ecdc4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-tag{text-align:center;color:var(--sub);margin-bottom:22px;font-size:.82rem;font-weight:700}.who-row{gap:8px;margin-bottom:16px;display:flex}.who-btn{background:#fafafa;border:2.5px solid #eee;border-radius:12px;flex:1;padding:10px 6px;font-size:.85rem;font-weight:800;transition:all .2s}.who-btn.sel{border-color:var(--pink);color:var(--pink);background:#fff0f6}.login-btn{color:#fff;background:linear-gradient(135deg,#ff6b9d,#ffb347);border:none;border-radius:12px;width:100%;margin-top:2px;padding:14px;font-family:Fredoka One,cursive;font-size:1.2rem;box-shadow:0 6px 20px #ff6b9d66}.forgot-link{text-align:center;color:var(--pink);cursor:pointer;margin-top:13px;font-size:.83rem;font-weight:800;display:block}.login-footer{color:#ffffffbf;text-align:center;font-size:.72rem;font-weight:700}.s-dashboard{position:relative}.greet-card{color:#fff;background:linear-gradient(135deg,#ff6b9d 0%,#ffb347 100%);border-radius:22px;margin-bottom:14px;padding:18px 18px 16px;position:relative;overflow:hidden;box-shadow:0 6px 22px #ff6b9d59}.greet-card:after{content:"";background:#ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.greet-emoji{z-index:1;font-size:2.8rem;position:absolute;top:18px;right:18px}.greet-hi{opacity:.85;font-size:.8rem;font-weight:700}.greet-name{font-family:Fredoka One,cursive;font-size:2rem;line-height:1.1}.greet-sub{opacity:.9;margin-top:5px;font-size:.78rem;font-weight:600}.weather-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.wc{color:#fff;border-radius:18px;padding:14px 13px;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000021}.wc:after{content:"";background:#ffffff1a;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-15px;right:-15px}.wc-city{opacity:.85;letter-spacing:.3px;text-transform:uppercase;font-size:.65rem;font-weight:900}.wc-temp{margin:4px 0 2px;font-family:Fredoka One,cursive;font-size:2.4rem;line-height:1}.wc-icon{font-size:1.8rem;position:absolute;top:12px;right:13px}.wc-desc{opacity:.9;font-size:.72rem;font-weight:700}.wc-sub{opacity:.8;margin-top:3px;font-size:.63rem;font-weight:600}.sec-card{background:#fff;border-radius:20px;margin-bottom:12px;padding:15px;box-shadow:0 3px 14px #00000012}.sc-head{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.sc-title{font-family:Fredoka One,cursive;font-size:1.1rem}.sc-more{color:var(--pink);cursor:pointer;font-size:.75rem;font-weight:800}.task-row{border-bottom:1px solid #f8f8f8;align-items:center;gap:9px;padding:7px 0;display:flex}.task-row:last-child{border:none;padding-bottom:0}.t-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.t-text{flex:1;font-size:.85rem;font-weight:700}.t-text.done{color:var(--sub);text-decoration:line-through}.t-time{color:var(--sub);font-size:.7rem;font-weight:600}.t-chk{border:2px solid #e0e0e0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;display:flex}.t-chk.done{background:var(--teal);border-color:var(--teal);color:#fff}.msg-row{align-items:center;gap:10px;padding:8px 0;display:flex}.m-av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.m-body{flex:1;min-width:0}.m-from{font-size:.83rem;font-weight:900}.m-snip{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.m-right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.m-time{color:var(--sub);font-size:.67rem;font-weight:600}.m-unread{background:var(--pink);border-radius:50%;width:9px;height:9px}.cheer-btn{color:#fff;background:linear-gradient(135deg,#55efc4,#4ecdc4);border:none;border-radius:16px;width:100%;margin-bottom:16px;padding:14px;font-family:Fredoka One,cursive;font-size:1.05rem;box-shadow:0 4px 16px #4ecdc466}.chat-header{background:#fff;border-bottom:2px solid #f5f5f5;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.ch-av{background:#fff0f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.ch-info{flex:1}.ch-name{font-size:.92rem;font-weight:900}.ch-status{color:#00b894;font-size:.7rem;font-weight:700}.chat-body{background:#fdf5ed;flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.chat-body::-webkit-scrollbar{width:3px}.bw{flex-direction:column;display:flex}.bw.me{align-items:flex-end}.bubble{border-radius:20px;max-width:80%;padding:10px 14px;font-size:.86rem;font-weight:600;line-height:1.5}.bubble.them{color:var(--text);background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014}.bubble.me{color:#fff;background:linear-gradient(135deg,#ff6b9d,#ffb347);border-bottom-right-radius:4px}.b-time{color:var(--sub);margin-top:3px;padding:0 4px;font-size:.63rem;font-weight:700}.chat-date{text-align:center;color:var(--sub);padding:2px 0;font-size:.65rem;font-weight:700}.chat-bar{background:#fff;border-top:2px solid #f0f0f0;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.chat-input{background:#fafafa;border:2px solid #eee;border-radius:24px;outline:none;flex:1;padding:10px 14px;font-size:.85rem}.send-btn{color:#fff;background:linear-gradient(135deg,#ff6b9d,#ffb347);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex;box-shadow:0 3px 10px #ff6b9d66}.s-tasks{position:relative}.tasks-title{margin-bottom:14px;font-family:Fredoka One,cursive;font-size:1.7rem}.tab-row{background:#fff;border-radius:14px;gap:6px;margin-bottom:14px;padding:5px;display:flex;box-shadow:0 2px 10px #0000000f}.tab{color:var(--sub);background:0 0;border:none;border-radius:10px;flex:1;padding:8px 4px;font-size:.73rem;font-weight:800;transition:all .2s}.tab.on{color:#fff;background:linear-gradient(135deg,#ff6b9d,#ffb347);box-shadow:0 3px 10px #00000026}.task-actions{gap:8px;margin-bottom:14px;display:flex}.action-btn{color:var(--text);background:#fff;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 2px 8px #00000014}.task-card{background:#fff;border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:flex;box-shadow:0 3px 12px #00000012}.tc-color{border-radius:4px;flex-shrink:0;width:5px;height:52px}.tc-body{flex:1}.tc-title{margin-bottom:3px;font-size:.88rem;font-weight:800}.tc-title.done{color:var(--sub);text-decoration:line-through}.tc-meta{align-items:center;gap:10px;display:flex}.tc-time{color:var(--sub);font-size:.72rem;font-weight:700}.tc-date{color:var(--sub);background:#f5f5f5;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700}.tc-actions{gap:6px;display:flex}.tc-act{background:#f5f5f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex}.tc-check{cursor:pointer;border:2.5px solid #e0e0e0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.tc-check.done{background:var(--teal);border-color:var(--teal);color:#fff}.add-fab{color:#fff;z-index:50;background:linear-gradient(135deg,#ff6b9d,#ffb347);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex;position:fixed;bottom:80px;right:calc(50% - 194px);box-shadow:0 6px 20px #ff6b9d80}.links-title{margin-bottom:4px;font-family:Fredoka One,cursive;font-size:1.7rem}.links-sub{color:var(--sub);margin-bottom:16px;font-size:.8rem;font-weight:700}.links-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.link-card{cursor:pointer;border-radius:18px;flex-direction:column;gap:8px;padding:18px 14px;transition:transform .2s;display:flex;box-shadow:0 4px 16px #0000001a}.link-card:active{transform:scale(.97)}.link-card.dashed{border:2.5px dashed #fff9}.link-icon{font-size:2rem}.link-name{color:#fff;font-size:.88rem;font-weight:900}.link-url{color:#ffffffbf;font-size:.68rem;font-weight:600}.s-forgot{background:linear-gradient(160deg,#4ecdc4,#a29bfe);justify-content:center;align-items:center;padding:32px 22px}.forgot-card{background:#fff;border-radius:28px;width:100%;padding:30px 24px;box-shadow:0 20px 50px #0003}.fc-icon{text-align:center;margin-bottom:10px;font-size:3rem}.fc-title{text-align:center;margin-bottom:6px;font-family:Fredoka One,cursive;font-size:1.8rem}.fc-sub{text-align:center;color:var(--sub);margin-bottom:22px;font-size:.82rem;font-weight:600;line-height:1.5}.who-btn.sel-teal{border-color:var(--teal);color:#00b894;background:#f0fffd}.security-q{color:var(--sub);background:#f5f5f5;border-radius:12px;margin-bottom:14px;padding:11px 14px;font-size:.85rem;font-weight:700}.reset-btn{color:#fff;background:linear-gradient(135deg,#4ecdc4,#a29bfe);border:none;border-radius:12px;width:100%;padding:14px;font-family:Fredoka One,cursive;font-size:1.15rem;box-shadow:0 6px 20px #4ecdc466}.back-link{text-align:center;color:#6c5ce7;cursor:pointer;margin-top:14px;font-size:.85rem;font-weight:800;display:block}.popup-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.popup-box{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:360px;padding:28px 24px;animation:.35s cubic-bezier(.34,1.56,.64,1) popIn;box-shadow:0 24px 60px #0000004d}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pop-emoji{margin-bottom:10px;font-size:3.5rem}.pop-title{background:linear-gradient(135deg,#ff6b9d,#ffb347);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Fredoka One,cursive;font-size:1.6rem}.pop-msg{color:var(--sub);margin-bottom:20px;font-size:.88rem;font-weight:600;line-height:1.5}.pop-btn{color:#fff;background:linear-gradient(135deg,#ff6b9d,#ffb347);border:none;border-radius:30px;padding:12px 32px;font-family:Fredoka One,cursive;font-size:1.05rem;box-shadow:0 4px 14px #ff6b9d66}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:#fff;border-radius:28px 28px 0 0;width:100%;max-width:420px;padding:22px 22px 32px;animation:.3s ease-out slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{background:#e0e0e0;border-radius:4px;width:40px;height:4px;margin:0 auto 18px}.modal-title{margin-bottom:16px;font-family:Fredoka One,cursive;font-size:1.4rem}.modal-input{background:#fafafa;border:2.5px solid #eee;border-radius:12px;outline:none;width:100%;margin-bottom:12px;padding:11px 14px;font-size:.9rem;display:block}.color-row{gap:8px;margin-bottom:14px;display:flex}.color-dot{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s}.color-dot.sel{border-color:#fff;transform:scale(1.25);box-shadow:0 0 0 2px #bbb}.save-btn{color:#fff;background:linear-gradient(135deg,#ff6b9d,#ffb347);border:none;border-radius:12px;width:100%;margin-top:4px;padding:14px;font-family:Fredoka One,cursive;font-size:1.15rem;box-shadow:0 4px 14px #ff6b9d59}