@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input{font-family:inherit}:root{--bg:#fff;--surface:#f6f3f1;--surface-muted:#ebe6e4;--border:#e0dbd8;--track:#f1edeb;--text-primary:#1c1816;--text-secondary:#5c5754;--text-muted:#8a8582;--indigo:#d37153;--indigo-light:#faeeea;--indigo-dark:#b85a3c;--green:#067034;--green-light:#e8f5ee;--red:#b50027;--red-light:#fceef1;--amber:#d97706;--amber-light:#fef3c7;--solar:#d58206}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Nunito,sans-serif}#root{background:var(--bg);flex-direction:column;max-width:390px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.page-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow:hidden auto}.page-scroll::-webkit-scrollbar{display:none}.page-content{flex-direction:column;gap:20px;padding:8px 24px 130px;display:flex}.nav-glass{z-index:90;pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(1.15);background:linear-gradient(#fff0 0%,#ffffff8c 52%,#ffffffe6 100%);height:100px;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 44%);mask-image:linear-gradient(#0000,#000 44%)}.bottom-nav{z-index:100;pointer-events:none;background:0 0;justify-content:center;align-items:flex-start;gap:20px;width:100%;padding:0 20px;display:flex;position:absolute;bottom:28px;left:0}.tap-zoom{-webkit-tap-highlight-color:transparent;transition:transform .15s}.tap-zoom:active{transform:scale(1.08)}.press-in{-webkit-tap-highlight-color:transparent;transition:transform .15s,background .15s}.press-in:active{transform:scale(.96)}.filter-pills{gap:8px;display:flex;position:relative}.filter-pills-thumb{background:var(--indigo);pointer-events:none;border-radius:100px;height:32px;transition:transform .34s cubic-bezier(.32,.72,0,1),width .34s cubic-bezier(.32,.72,0,1);position:absolute;top:0;left:0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}.pulse-dot{animation:1.2s ease-in-out infinite pulse-dot}@keyframes bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.load-bar{transform-origin:0;animation:.9s cubic-bezier(.32,.72,0,1) both bar-fill}@keyframes bar-fill-up{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.load-bar-up{transform-origin:bottom;animation:.8s cubic-bezier(.32,.72,0,1) both bar-fill-up}@keyframes battery-fill{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes battery-charge{0%,to{opacity:.2}50%{opacity:1}}.battery-bar{transform-origin:bottom;opacity:0;background:#067034;border-radius:2px;height:25%;animation:.32s ease-out forwards battery-fill}.battery-bar:first-child{animation-delay:80ms}.battery-bar:nth-child(2){animation-delay:.26s}.battery-bar:nth-child(3){animation-delay:.44s}.battery-bar-charge{opacity:0;background:#067034;border-radius:2px;height:25%;animation:2.2s ease-in-out .7s infinite battery-charge}.nav-item{pointer-events:auto;cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:6px;min-width:52px;padding:0;display:flex}.nav-circle{border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .15s;display:flex}.nav-circle.active{background:#111}.nav-circle:not(.active){border:1px solid var(--border);background:#fff}.nav-label{letter-spacing:.02em;color:var(--text-muted);font-family:Nunito,sans-serif;font-size:11px;font-weight:500}.nav-label.active{color:#111;font-weight:700}@media (width>=481px){html,body{height:100vh;overflow:hidden}body{background:#0d0d0d;justify-content:center;align-items:center;min-height:100vh;padding:24px 0;display:flex}.iphone-frame{background:#1c1c1e;border-radius:54px;width:410px;height:864px;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 2px #3a3a3c,0 40px 100px #000c,0 10px 40px #00000080}.iphone-frame:before{content:"";background:#3a3a3c;border-radius:2px 0 0 2px;width:3px;height:28px;position:absolute;top:120px;left:-3px;box-shadow:0 44px #3a3a3c,0 84px #3a3a3c}.iphone-frame:after{content:"";background:#3a3a3c;border-radius:0 2px 2px 0;width:3px;height:72px;position:absolute;top:180px;right:-3px}#root{width:390px;max-width:390px;height:844px;min-height:unset;background:var(--bg);border-radius:44px;position:relative;overflow:hidden}.page-content{padding-top:12px;padding-bottom:130px}#root:before{content:"";z-index:1000;pointer-events:none;background:#000;border-radius:16px;width:100px;height:28px;display:block;position:absolute;top:12px;left:50%;transform:translate(-50%)}#root:after{content:"";z-index:1000;pointer-events:none;background:#0003;border-radius:100px;width:134px;height:5px;display:block;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}}@media (width<=480px){body{background:var(--bg);padding:0}#root{width:100%;max-width:100%;height:100%;min-height:100vh;box-shadow:none;scrollbar-width:none;-ms-overflow-style:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-radius:0;overflow:hidden auto}#root::-webkit-scrollbar{display:none}.nav-glass{position:fixed}.bottom-nav{z-index:100;width:100%;padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:24px;left:0}}