:root{--ice:#d9f5ff;--ice2:#9ee8ff;--purple:#9b7cff;--purple2:#6d5dfc;--text:#263047;--muted:#7b8496;--card:#ffffffcc;--line:#eef1f7;--green:#52b788;--shadow:0 18px 45px rgba(85,90,140,.18)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,var(--ice),transparent 34%),radial-gradient(circle at bottom right,#e6ddff,transparent 38%),linear-gradient(135deg,#f8fcff,#f7f2ff);color:var(--text)}body.dark{background:linear-gradient(135deg,#15172a,#251f3f);color:#f5f7ff}.phone-shell{width:min(100%,440px);min-height:100vh;margin:0 auto;position:relative;background:rgba(255,255,255,.42);box-shadow:0 0 60px rgba(80,90,130,.14);overflow:hidden}.screen{min-height:100vh;padding-bottom:92px}.content{padding:18px}.flash{position:fixed;z-index:20;left:50%;top:14px;transform:translateX(-50%);width:min(92%,390px);padding:13px 16px;border-radius:18px;background:#e8fff3;color:#17633c;box-shadow:var(--shadow);font-weight:700}.flash.error{background:#ffe9ee;color:#ad2441}.auth-wrap{min-height:100vh;padding:44px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.blob{position:absolute;width:210px;height:210px;background:linear-gradient(135deg,var(--ice2),var(--purple));border-radius:45% 55% 65% 35%;filter:blur(.2px);opacity:.55;top:55px;left:-60px;animation:float 6s ease-in-out infinite}.blob2{width:170px;height:170px;right:-70px;left:auto;top:auto;bottom:90px;animation-delay:1.5s}.mascot{font-size:68px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.15));animation:bounce 2.8s infinite}.hello{font-size:38px;font-weight:900;letter-spacing:-1px}.sub{text-align:center;color:var(--muted);margin:8px 0 22px}.auth-card,.hero-card,.stats-card,.menu-item,.gratitude-card,.post-card,.budget-card,.profile-card{background:var(--card);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.65);border-radius:28px;box-shadow:var(--shadow)}.auth-card{width:100%;padding:18px}.toggle{display:grid;grid-template-columns:1fr 1fr;background:#eef8ff;border-radius:18px;padding:5px;margin-bottom:14px}.toggle button{border:0;background:transparent;border-radius:14px;padding:12px;font-weight:800;color:var(--muted)}.toggle button.active{background:linear-gradient(135deg,var(--ice2),var(--purple));color:white}.field{margin:12px 0}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px;color:var(--muted)}input,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:17px;padding:13px 14px;font:inherit;outline:none}textarea{min-height:92px;resize:vertical}.auth-btn,.green-btn,.soft-btn{border:0;border-radius:18px;padding:13px 16px;font-weight:900;color:white;background:linear-gradient(135deg,var(--purple),var(--purple2));box-shadow:0 12px 24px rgba(109,93,252,.25);cursor:pointer}.auth-btn{width:100%;margin-top:6px}.green-btn{background:linear-gradient(135deg,#77d7ff,#8e78ff)}.soft-btn{padding:10px 14px;border-radius:14px}.link-line{text-align:center;margin-top:14px;color:var(--muted)}.link-line a{font-weight:900;color:var(--purple2);text-decoration:none}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.brand-chip{font-weight:900;background:#fff;border-radius:99px;padding:11px 15px;box-shadow:var(--shadow)}.icon-btn{border:0;background:#fff;border-radius:16px;width:44px;height:44px;font-size:21px;box-shadow:var(--shadow);cursor:pointer}.hero-card{display:flex;gap:14px;align-items:center;padding:18px}.hero-emoji{font-size:46px}.hero-card h2{margin:0;font-size:22px}.hero-card p{margin:6px 0 0;color:var(--muted)}.stats-card{display:grid;grid-template-columns:repeat(3,1fr);padding:13px;margin:16px 0;gap:8px}.stats-box{text-align:center;background:#f7fbff;border-radius:20px;padding:12px}.stats-box span{display:block;color:var(--muted);font-size:12px}.stats-box strong{font-size:23px}.section-title{font-weight:900;font-size:18px;margin:18px 0 10px}.no-top{margin-top:0}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.menu-item{text-decoration:none;color:inherit;padding:16px;transition:.2s}.menu-item:hover{transform:translateY(-4px)}.mi-icon{font-size:34px}.mi-title{font-weight:900;margin-top:8px}.mi-sub{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.35}.drawer-backdrop{position:fixed;inset:0;background:rgba(24,28,45,.38);z-index:30;opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.show{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:31;top:0;right:calc(50% - 220px);width:min(86%,340px);height:100vh;background:#fff;border-radius:28px 0 0 28px;box-shadow:-20px 0 50px rgba(0,0,0,.16);transform:translateX(110%);transition:.25s;padding:18px;overflow:auto}.drawer.open{transform:translateX(0)}.drawer-head,.post-meta,.compose-head,.setting-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-title{font-size:22px;font-weight:900}.drawer-profile{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#effbff,#eee8ff);padding:12px;border-radius:22px;margin:16px 0}.drawer-avatar,.avatar{width:48px;height:48px;border-radius:18px;overflow:hidden;background:#eef}.drawer-avatar img,.avatar img,.profile-pic img{width:100%;height:100%;object-fit:cover}.drawer-name,.post-name,.profile-name{font-weight:900}.drawer-mail,.post-time,.profile-mail{font-size:12px;color:var(--muted)}.drawer-list{display:grid;gap:9px}.drawer-item{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit;background:#f7f9ff;border:0;border-radius:18px;padding:13px 14px;width:100%;font:inherit;font-weight:800}.mini-badge,.tag{background:#edf7ff;color:#5570c9;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:900}.inline-form{display:inline;margin:0}.gratitude-card,.post-card,.budget-card,.profile-card{padding:16px;margin-bottom:16px}.gratitude-badge{background:linear-gradient(135deg,#fff5be,#ddf7ff);border-radius:18px;padding:12px;font-weight:900;text-align:center}.gratitude-actions{text-align:right;margin-top:12px}.sandwich-stack{display:grid;gap:8px;margin-top:16px}.slice{padding:13px;border-radius:18px;font-weight:800}.top-slice{background:#ffe5a3}.mid-slice{background:#caf0f8}.bottom-slice{background:#d8f3dc}.audio-player{width:100%}.empty-state{text-align:center;color:var(--muted);padding:18px}.post-compose textarea{border-radius:20px}.tight{justify-content:flex-start}.avatar.small{width:40px;height:40px;border-radius:15px}.post-body{line-height:1.55;margin:14px 0}.post-actions{display:flex;gap:8px;flex-wrap:wrap}.action-chip{border:0;background:#f6f8ff;border-radius:99px;padding:8px 11px;font-weight:800;color:var(--text);cursor:pointer}.comment-box{display:flex;gap:8px;margin-top:12px}.input-soft{background:#f8fbff}.comment-list{display:grid;gap:8px;margin-top:10px}.comment-item{display:flex;gap:9px;background:#f7f9ff;border-radius:16px;padding:9px}.comment-avatar{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center}.comment-content span{display:block;color:var(--muted);font-size:13px}.amount-row{display:flex;gap:8px}.rp-chip{background:#eef7ff;border-radius:16px;padding:13px 15px;font-weight:900}.chart-wrap{position:relative;width:220px;margin:16px auto}.chart-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.chart-center small{color:var(--muted)}.chart-center strong{font-size:15px}.legend{display:grid;gap:9px}.legend-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;background:#f8fbff;border-radius:16px;padding:11px}.legend-dot{width:14px;height:14px;border-radius:50%}.yellow{background:#f2cf59}.olive{background:#b5c95b}.green{background:#7fb357}.darkgreen{background:#2f8a4a}.budget-note{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.5}.profile-card{text-align:center}.profile-pic{width:96px;height:96px;border-radius:32px;overflow:hidden;margin:0 auto 12px;box-shadow:var(--shadow)}.profile-form{text-align:left;margin-top:16px}.setting-list{display:grid;gap:10px;margin-top:18px;text-align:left}.setting-item{background:#f8fbff;border-radius:18px;padding:13px;text-decoration:none;color:inherit;font-weight:800}.switch{width:52px;height:30px;border:0;border-radius:99px;background:#d7dce8;position:relative;cursor:pointer}.switch:before{content:"";position:absolute;width:24px;height:24px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s}.switch.on{background:var(--purple)}.switch.on:before{left:25px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,440px);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:9px 8px 12px}.nav-item{text-decoration:none;color:var(--muted);display:grid;place-items:center;gap:2px;font-size:11px;font-weight:800;border-radius:16px;padding:7px 2px}.nav-item span:first-child{font-size:20px}.nav-item.active{background:linear-gradient(135deg,var(--ice),#eee8ff);color:var(--purple2)}body.dark .auth-card,body.dark .hero-card,body.dark .stats-card,body.dark .menu-item,body.dark .gratitude-card,body.dark .post-card,body.dark .budget-card,body.dark .profile-card,body.dark .brand-chip,body.dark .icon-btn,body.dark .drawer,body.dark .bottom-nav{background:rgba(31,34,56,.9);border-color:rgba(255,255,255,.08)}body.dark input,body.dark textarea,body.dark .stats-box,body.dark .drawer-item,body.dark .setting-item,body.dark .legend-row,body.dark .comment-item,body.dark .action-chip{background:#252943;color:#f5f7ff;border-color:#343955}body.dark .muted,body.dark .sub,body.dark .mi-sub,body.dark .post-time,body.dark .profile-mail,body.dark .drawer-mail{color:#b7bed5}@keyframes float{50%{transform:translateY(-18px) rotate(8deg)}}@keyframes bounce{50%{transform:translateY(-8px)}}@media(max-width:380px){.menu-grid{grid-template-columns:1fr}.content{padding:14px}.drawer{right:0}.comment-box{flex-direction:column}}