:root{--blue:#628dac;--ink:#345068;--muted:#7d97aa;--line:#d6e8f3;--soft:#e3f2fc;--bg:#f3faff;--white:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);background-image:radial-gradient(#c6deed 1px,transparent 1px);background-size:22px 22px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #8bb7d3;outline-offset:2px}#app{min-height:100vh}.loading{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.cloud{font-size:56px;animation:float 2s ease-in-out infinite}.loading p{font-size:13px}.screen{min-height:100vh;padding:max(24px,env(safe-area-inset-top)) 20px max(30px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center}.auth-shell,.onboard-shell{width:min(100%,430px)}.brand{text-align:center;margin-bottom:27px}.brand img{width:150px;height:105px;object-fit:contain}.brand h1{font-size:28px;margin:4px 0 8px;letter-spacing:2px}.brand p,.sub{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.panel{background:#ffffffec;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 18px 55px #5e89a51a;backdrop-filter:blur(12px)}.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);padding:4px;border-radius:14px;margin-bottom:21px}.tabs button{border:0;background:transparent;color:var(--muted);padding:11px;border-radius:11px}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 3px 12px #4e789318}.field{display:block;margin:14px 0}.field span{display:block;font-size:11px;margin:0 0 7px;color:#607d91}.field input{width:100%;border:1px solid var(--line);background:#fbfdff;border-radius:13px;padding:13px 14px;color:var(--ink)}.primary,.secondary{width:100%;border:0;border-radius:13px;padding:13px 16px;font-weight:650}.primary{background:var(--blue);color:#fff}.secondary{background:var(--soft);color:var(--blue)}.error{min-height:20px;color:#bb5963;font-size:11px;margin:10px 0}.fine{font-size:10px;line-height:1.7;color:var(--muted);text-align:center;margin:16px 0 0}.character-row{display:flex;justify-content:center;align-items:end;margin:3px 0 19px}.character-row img{width:63px;height:67px;object-fit:contain;margin-left:-10px;filter:drop-shadow(0 4px 3px #6a8aa51c)}.character-row img:first-child{margin-left:0}.invite-card{text-align:center}.invite-card h2{font-size:24px;margin:5px 0 10px}.invite-link{display:flex;align-items:center;gap:8px;margin:17px 0}.invite-link input{min-width:0;flex:1;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--muted);background:#f8fcff;font-size:11px}.invite-link button{width:auto}.waiting{margin:20px 0 0;padding:15px;border-radius:15px;background:var(--soft);font-size:11px;line-height:1.7;color:var(--muted)}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.avatar-choice{border:1px solid var(--line);background:#fbfdff;border-radius:14px;padding:4px;aspect-ratio:1}.avatar-choice img{width:100%;height:100%;object-fit:contain}.avatar-choice.selected{border:2px solid var(--blue);background:var(--soft)}.home{width:min(100%,500px);margin:auto;min-height:100vh;padding:max(19px,env(safe-area-inset-top)) 18px calc(94px + env(safe-area-inset-bottom))}.home-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.micro{font-size:8px;letter-spacing:2px;color:var(--muted)}.editable-title{font-weight:750;font-size:24px;margin:7px 0 0;display:flex;align-items:center;gap:8px}.editable-title button{border:0;background:none;color:var(--muted);padding:2px}.weather-bell{display:flex;align-items:center;gap:7px}.weather{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#ffffffdc;border-radius:18px;padding:7px 10px;font-size:9px;white-space:nowrap}.weather b{font-size:11px}.weather small{display:block;color:var(--muted)}.bell{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--blue);font-size:18px}.couple-bar{display:flex;align-items:center;margin:18px 0 12px;gap:6px;font-size:11px}.mini-avatar{width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #fff;object-fit:contain}.couple-bar .heart{color:#dd8793}.days{margin-left:auto;color:var(--muted);font-size:9px}.hero{height:270px;background:#dff1fc;border:1px solid #cbe4f3;border-radius:25px;position:relative;padding:24px;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;width:230px;height:100px;border-radius:50%;background:#fff;bottom:-49px;left:-38px}.hero:after{left:128px;width:280px;height:120px}.hero h2{font-size:13px;font-weight:500;margin:15px 0 0}.count{font:70px Georgia,serif;color:var(--blue);line-height:1.15}.count small{font:12px inherit;color:var(--muted);letter-spacing:0;margin-left:7px}.hero p{font-size:10px;color:var(--muted);margin:0}.hero img{position:absolute;z-index:2;width:150px;height:145px;object-fit:contain;right:-3px;bottom:19px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 11px}.section-head h3{font-size:14px;margin:0}.section-head button{border:0;background:none;color:var(--muted);font-size:9px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.moods{display:flex;justify-content:space-between;align-items:center}.moods b{font-size:11px}.moods p{font-size:9px;color:var(--muted);margin:6px 0 0}.faces{display:flex;gap:5px}.faces button{border:1px solid transparent;background:none;color:var(--blue);border-radius:10px;font-size:20px;width:34px;height:35px}.faces button.active{border-color:var(--line);background:var(--soft)}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button{text-align:left;min-height:103px;border:1px solid var(--line);background:#fff;border-radius:17px;padding:15px;color:var(--ink)}.quick span{font-size:23px;color:var(--blue)}.quick b{display:block;font-size:12px;margin:8px 0 4px}.quick small{color:var(--muted);font-size:9px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,500px);height:75px;padding:10px 18px max(12px,env(safe-area-inset-bottom));background:#fffffff2;border-top:1px solid var(--line);display:flex;justify-content:space-around;backdrop-filter:blur(14px)}.nav button{border:0;background:none;color:var(--muted);font-size:9px;display:flex;flex-direction:column;gap:4px;align-items:center}.nav button span{font-size:18px}.nav .active{color:var(--blue)}.modal-wrap{position:fixed;inset:0;background:#304d6266;display:flex;align-items:end;justify-content:center;padding:14px;z-index:20;backdrop-filter:blur(3px)}.modal{width:min(100%,440px);background:#fff;border-radius:25px;padding:24px}.modal h2{font-size:20px;margin:0 0 16px}.modal-actions{display:flex;gap:9px;margin-top:18px}.modal-actions button{flex:1}.toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,15px);background:#324d62;color:#fff;border-radius:12px;padding:12px 16px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:99;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}@keyframes float{50%{transform:translateY(-8px)}}@media(min-width:700px){.home{padding-left:25px;padding-right:25px;background:#f3faffd9;border-left:1px solid var(--line);border-right:1px solid var(--line)}.nav{border-left:1px solid var(--line);border-right:1px solid var(--line)}}