*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bee:#5b8e92;--beel:#dbe9e9;--beed:#3f6669;--sage:#5c7b4a;--sagel:#dee6cf;--ink:#2e2218;--mu:#8c7f6b;--cr:#fbf6ec;--wa:#f4efe0;--gl:#dee6cf;--al:#feeddc;--rl:#fce3d2;--bd:#ece5d5;--white:#fff;--red:#c97a4c;--clay:#c97a4c;font-family:DM Sans,-apple-system,system-ui,sans-serif}html,body{background:var(--cr);height:100%;overflow:hidden}body{overflow-x:hidden}#app{background:var(--cr);flex-direction:column;width:100%;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}#app>*{min-width:0;max-width:100%}@media (min-width:768px){html,body{background:radial-gradient(at 0 0,#d8e6e7 0%,#0000 55%),radial-gradient(at 100% 100%,#f3e3d2 0%,#0000 55%),linear-gradient(#e5eff0 0%,#dde9ea 100%)}#app{background:var(--cr);width:480px;box-shadow:0 1px 0 0 #fff9 inset,  0 12px 0 -6px var(--bd),  0 28px 60px -8px #2e221838,  0 60px 100px -20px #2e22181f;border:1px solid #ffffff8c;border-radius:28px;height:calc(100dvh - 48px);margin-top:24px;margin-bottom:24px}}@media (min-width:1000px){#app{width:520px}}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500}.screen{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}#bottom-nav{background:var(--white);border-top:1.5px solid var(--bd);padding:6px 0 max(10px, env(safe-area-inset-bottom));flex-shrink:0;width:100%;max-width:100%;display:flex;overflow:hidden}.nav-btn{cursor:pointer;color:#b0a898;background:0 0;border:none;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;min-width:0;max-width:100%;padding:5px 0;font-family:inherit;transition:color .18s;display:flex;overflow:hidden}.nav-btn.active{color:var(--bee)}.nav-btn .nav-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .18s;display:flex}.nav-btn.active .nav-icon{background:var(--beel)}.nav-btn span{letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:700;overflow:hidden}@media (max-width:360px){.nav-btn .nav-icon{width:30px;height:30px}.nav-btn span{font-size:8.5px}}.card{background:var(--white);border:1.5px solid var(--bd);border-radius:14px;padding:14px}.btn-bee{background:var(--bee);color:var(--ink);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .15s;display:flex}.btn-bee:active{opacity:.82}.btn-sage{background:var(--sage);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.btn-ghost{border:1.5px solid var(--bd);cursor:pointer;color:var(--mu);background:0 0;border-radius:14px;width:100%;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:600}.pill{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.pill-bee{background:var(--beel);color:var(--beed)}.pill-sage{background:var(--sagel);color:var(--sage)}.pill-red{background:var(--rl);color:var(--red)}.pill-amber{background:var(--al);color:#92400e}.modal-backdrop{z-index:400;background:#1a12087a;align-items:flex-end;animation:.18s fadeIn;display:flex;position:absolute;inset:0}.modal-sheet{background:var(--white);border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-height:92%;animation:.28s slideUp;display:flex;overflow:hidden}.modal-handle{background:var(--bd);border-radius:2px;flex-shrink:0;width:38px;height:4px;margin:14px auto 0}.modal-body{flex:1;overflow-y:auto}.modal-body::-webkit-scrollbar{display:none}.grid-card{background:var(--white);border:1.5px solid var(--bd);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;transition:border-color .15s;display:flex}.grid-card:active{background:var(--wa)}.fab{background:var(--bee);cursor:pointer;z-index:60;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s;display:flex;position:absolute;bottom:80px;right:16px;box-shadow:0 4px 20px #f5a62373}.fab:active{transform:scale(.93)}.toast{background:var(--ink);color:#fff;z-index:200;white-space:nowrap;pointer-events:none;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;animation:.2s ease-out toastIn;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-60px)rotate(-5deg)}65%{opacity:1;transform:translateY(5px)rotate(1deg)}82%{transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes cfFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(600px)rotate(720deg)}}@keyframes bee-bob{0%,to{transform:translateY(0)rotate(-3deg)}40%{transform:translateY(-8px)rotate(4deg)}}@keyframes bee-wing{0%,to{opacity:.85;transform:scaleY(1)}50%{opacity:.12;transform:scaleY(.2)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pulseOp{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shimmer-line{background:linear-gradient(90deg,#f3ede4 25%,#e8dfd4 50%,#f3ede4 75%) 0 0/400px 100%;border-radius:8px;animation:1.3s infinite shimmer}.ob-wrap{background:var(--cr);z-index:300;-webkit-overflow-scrolling:touch;animation:.3s fadeIn;position:absolute;inset:0;overflow-y:auto}.ob-wrap::-webkit-scrollbar{display:none}#confetti-layer{pointer-events:none;z-index:50;position:absolute;inset:0;overflow:hidden}