*{box-sizing:border-box}html,body{color:#17171a;background:#f2f2f7;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Helvetica Neue,sans-serif}button,input{font:inherit}button{color:inherit}.app-canvas{background:radial-gradient(circle at 30% 0,#fff 0,#f2f2f7 42%,#e9e9ef 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.diudiu-app{background:linear-gradient(#fbfbfd 0,#f5f5f8 100%);border-radius:42px;width:min(100%,430px);height:min(900px,100vh - 36px);min-height:680px;position:relative;overflow:hidden;box-shadow:0 30px 80px #25273321,0 2px 10px #2527330d}.topbar{justify-content:space-between;align-items:center;height:88px;padding:20px 22px 12px;display:flex}.topbar small{color:#8e8e93;margin-bottom:3px;font-size:11px;display:block}.topbar h1{letter-spacing:-.04em;margin:0;font-size:24px;font-weight:720}.avatar{color:#fff;background:#1c1c1e;border:0;border-radius:50%;width:42px;height:42px;font-size:14px;box-shadow:0 5px 14px #1c1c1e24}.content-scroll{scrollbar-width:none;height:calc(100% - 164px);padding:0 18px 28px;overflow:auto}.content-scroll::-webkit-scrollbar{display:none}.home-view{gap:16px;display:grid}.presence{background:linear-gradient(145deg,#e8f1f1,#f2ecf5 55%,#f7f4ec);border-radius:30px;height:250px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.presence-copy{z-index:2;width:65%;padding:24px 20px;position:relative}.presence-copy>span{color:#47756c;align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.presence-copy>span i{background:#34c759;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #34c75918}.presence-copy h2{letter-spacing:-.055em;margin:21px 0 8px;font-size:28px;line-height:1.02}.presence-copy p{color:#77777d;margin:0;font-size:12px;line-height:1.55}.cat-portrait{cursor:pointer;background:0 0;border:0;width:246px;height:246px;padding:0;position:absolute;bottom:-17px;right:-33px}.cat-portrait img{z-index:1;object-fit:contain;filter:drop-shadow(0 18px 20px #3a393e2b);width:100%;height:100%;animation:4s ease-in-out infinite catBreathe;position:relative}.cat-glow{filter:blur(20px);background:#fff9;border-radius:50%;position:absolute;inset:40px 30px 18px}.cat-eyes{z-index:3;opacity:.5;gap:24px;display:flex;position:absolute;top:91px;left:97px}.cat-eyes i{background:#b5ffff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #fff,0 0 16px #63dfe8}.cat-portrait.is-thinking img{animation:1.3s ease-in-out infinite catThink}.cat-portrait.is-thinking .cat-glow{animation:1.3s ease-in-out infinite glowPulse}.conversation{background:#fff;border-radius:28px;padding:17px;box-shadow:0 10px 36px #26272f0f}.conversation-head,.conversation-head>div{justify-content:space-between;align-items:center;display:flex}.conversation-head>div{justify-content:flex-start;gap:9px}.conversation-head strong,.conversation-head small{display:block}.conversation-head strong{font-size:13px}.conversation-head small{color:#9a9aa0;margin-top:2px;font-size:9px}.conversation-head>button{color:#a0a0a6;background:0 0;border:0;font-size:10px}.mini-face{background:#19191b;border-radius:11px;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;display:flex}.mini-face i{background:#d7ffff;border-radius:3px;width:4px;height:7px;box-shadow:0 0 7px #8df6ff}.messages{flex-direction:column;gap:8px;max-height:220px;padding:15px 0 13px;display:flex;overflow:auto}.message{border-radius:17px;max-width:86%;padding:10px 12px;font-size:12px;line-height:1.55}.message--assistant{background:#f2f2f7;border-bottom-left-radius:5px;align-self:flex-start}.message--user{color:#fff;background:#1c1c1e;border-bottom-right-radius:5px;align-self:flex-end}.typing{gap:4px;padding:13px 15px;display:flex}.typing i{background:#9c9ca2;border-radius:50%;width:5px;height:5px;animation:1s infinite typing}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.action-card{background:linear-gradient(145deg,#edf7f4,#f4f2fb);border:1px solid #e2efeb;border-radius:18px;gap:7px;margin:0 0 12px;padding:13px;display:grid}.action-card>span{color:#648078;font-size:9px}.action-card>strong{font-size:14px}.action-card>div{justify-content:flex-end;gap:7px;display:flex}.action-card button{background:#fff;border:0;border-radius:10px;padding:7px 11px;font-size:10px}.action-card button:last-child{color:#fff;background:#1c1c1e}.composer{background:#f2f2f7;border-radius:19px;grid-template-columns:34px 1fr 34px;align-items:center;gap:7px;padding:5px;display:grid}.composer input{background:0 0;border:0;outline:0;min-width:0;font-size:11px}.composer button{color:#8e8e93;background:0 0;border:0;border-radius:50%;width:32px;height:32px}.composer button:last-child{color:#fff;background:#1c1c1e;font-size:16px}.composer button:disabled{opacity:.3}.overview{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.overview button{text-align:left;background:#fff;border:0;border-radius:21px;grid-template-columns:1fr auto;align-items:center;padding:13px;display:grid;box-shadow:0 7px 24px #26272f0b}.overview .soft-icon{border-radius:11px;grid-column:1/3;place-items:center;width:34px;height:34px;margin-bottom:14px;display:grid}.soft-icon--orange{color:#c06b2b;background:#fff0df}.soft-icon--green{color:#3a8267;background:#e5f5ee}.soft-icon--blue{color:#4774aa;background:#e7f0fb}.overview small{color:#8e8e93;font-size:10px}.overview strong{letter-spacing:-.04em;font-size:19px}.quiet-section{padding:6px 3px 20px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:10px;display:flex}.section-heading small{color:#99999f;font-size:9px}.section-heading h2{letter-spacing:-.035em;margin:2px 0 0;font-size:18px}.section-heading button{background:#fff;border:0;border-radius:50%;width:29px;height:29px;font-size:18px}.activity-list{background:#fff;border-radius:18px;gap:1px;display:grid;overflow:hidden}.activity-list article{grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:12px 13px;display:grid}.activity-list article+article{border-top:1px solid #f2f2f5}.activity-list article>span{background:#f5f5f7;border-radius:11px;place-items:center;width:32px;height:32px;display:grid}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:11px}.activity-list small{color:#9a9aa0;margin-top:3px;font-size:8px}.empty-note{color:#9a9aa0;text-align:center;background:#fff;border:0;border-radius:18px;width:100%;margin:0;padding:17px;font-size:10px}.list-view{padding:4px 1px 25px}.page-title{grid-template-columns:36px 1fr 36px;align-items:center;margin-bottom:22px;display:grid}.page-title>button{background:#fff;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.page-title div{text-align:center}.page-title small{color:#aaaab0;letter-spacing:.14em;font-size:8px}.page-title h2{margin:2px 0 0;font-size:22px}.large-stat{color:#fff;background:linear-gradient(145deg,#1d1d20,#35353b);border-radius:27px;min-height:135px;padding:22px}.large-stat span{color:#b8b8bd;font-size:11px}.large-stat strong{margin-top:13px;font-size:50px;font-weight:650;display:block}.clean-list,.inventory-grid,.timeline{gap:9px;margin-top:13px;display:grid}.clean-list>button{text-align:left;background:#fff;border:0;border-radius:19px;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:14px;display:grid}.clean-list>button.is-done{opacity:.5}.round-check{color:#fff;background:#fff;border:2px solid #d8d8dd;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.is-done .round-check{background:#34c759;border-color:#34c759}.clean-list strong,.clean-list small{display:block}.clean-list strong{font-size:12px}.clean-list small{color:#96969b;margin-top:3px;font-size:9px}.inventory-grid article{background:#fff;border-radius:22px;grid-template-columns:1fr auto;gap:12px;padding:17px;display:grid}.inventory-grid article>div:first-child span,.inventory-grid article>div:first-child strong,.inventory-grid article>div:first-child small{display:block}.inventory-grid article>div:first-child span{color:#7f9c91;font-size:8px}.inventory-grid article>div:first-child strong{margin-top:5px;font-size:15px}.inventory-grid article>div:first-child small{color:#a0a0a5;margin-top:4px;font-size:8px}.inventory-grid em{font-size:26px;font-style:normal;font-weight:650}.inventory-grid em small{color:#999;margin-left:3px;font-size:9px;font-weight:400}.stepper{grid-column:1/3;grid-template-columns:1fr 1fr;gap:7px;display:grid}.stepper button{background:#f2f2f7;border:0;border-radius:11px;padding:8px}.timeline article{grid-template-columns:35px 10px 1fr;gap:8px;display:grid}.timeline time{color:#7f7f84;text-align:center;padding-top:9px;font-size:11px}.timeline article>span{position:relative}.timeline article>span:before{content:"";background:#70a795;border-radius:50%;width:7px;height:7px;position:absolute;top:12px;left:3px}.timeline article>span:after{content:"";background:#dcdce1;width:1px;position:absolute;top:22px;bottom:-16px;left:6px}.timeline article>div{background:#fff;border-radius:18px;padding:13px}.timeline strong,.timeline small{display:block}.timeline strong{font-size:12px}.timeline small{color:#999;margin-top:4px;font-size:8px}.timeline p{color:#777;margin:7px 0 0;font-size:9px}.tabbar{z-index:20;height:68px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);background:#fbfbfbd9;border:1px solid #ffffffc9;border-radius:25px;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:10px;left:12px;right:12px;box-shadow:0 10px 30px #2828321f}.tabbar button{color:#a0a0a5;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.tabbar span{font-size:18px}.tabbar small{font-size:8px}.tabbar button.active{color:#1c1c1e}.toast{z-index:70;color:#fff;background:#1c1c1eea;border-radius:16px;align-items:center;gap:8px;max-width:80%;padding:8px 12px;font-size:10px;display:flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0003}.toast .mini-face{border-radius:9px;width:25px;height:25px}.sheet-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1c1e45;align-items:flex-end;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.edit-sheet{width:100%;padding:10px 20px calc(24px + env(safe-area-inset-bottom));background:#fbfbfd;border-radius:30px 30px 0 0;gap:12px;animation:.35s cubic-bezier(.2,.8,.2,1) sheetUp;display:grid;box-shadow:0 -18px 50px #0002}.sheet-handle{background:#d1d1d6;border-radius:4px;width:38px;height:5px;margin:0 auto 8px}.edit-sheet>small{color:#8e8e93;font-size:9px}.edit-sheet h2{margin:-6px 0 5px;font-size:24px}.edit-sheet label{color:#8e8e93;gap:6px;font-size:9px;display:grid}.edit-sheet input{background:#fff;border:1px solid #e4e4e9;border-radius:13px;outline:0;width:100%;padding:12px}.edit-sheet input:focus{border-color:#8aaba0;box-shadow:0 0 0 3px #8aaba01c}.field-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.primary-action{color:#fff;background:#1c1c1e;border:0;border-radius:15px;padding:13px;font-weight:650}.primary-action:disabled{opacity:.5}.install-sheet{text-align:center}.install-sheet img{border-radius:18px;width:68px;height:68px;margin:auto}.install-sheet p{color:#777;margin:0 0 7px;font-size:11px}@keyframes catBreathe{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-4px)rotate(.5deg)}}@keyframes catThink{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes glowPulse{50%{opacity:.55;transform:scale(1.08)}}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes sheetUp{0%{opacity:0;transform:translateY(35px)}}.composer .camera-input{display:none}@media (width<=520px){.app-canvas{padding:0}.diudiu-app{border-radius:0;width:100%;height:100dvh;min-height:600px}.topbar{padding-top:calc(15px + env(safe-area-inset-top));height:calc(78px + env(safe-area-inset-top))}.content-scroll{height:calc(100% - 144px - env(safe-area-inset-top))}.tabbar{bottom:6px}.presence{height:240px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}