:root{--bg-color:#000;--card-bg:#111;--card-border:#ffffff0d;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-green:#57e05b;--accent-blue:#3d78f2;--btn-primary-bg:#fff;--btn-primary-text:#000;--btn-secondary-bg:#1a1a1a;--btn-secondary-text:#fff;--nav-bg:#000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Google Sans Flex,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{background-color:#000;justify-content:center;width:100%;height:100vh;display:flex}.app-container{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:480px;height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}.main-content{flex:1;padding-top:100px;padding-bottom:80px;overflow-y:auto}.main-content::-webkit-scrollbar{display:none}.main-content{-ms-overflow-style:none;scrollbar-width:none}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{opacity:.8;transform:scale(.95)}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600}.icon-btn{background:linear-gradient(145deg,#1f1f1f,#151515);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000080,inset 0 1px 1px #ffffff0d}.icon-wrapper:hover .icon-btn{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);transform:translateY(-2px);box-shadow:0 8px 20px #0009,inset 0 1px 1px #ffffff1a}.blum-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1a1a1acc 0%,#111c 100%);border:1px solid #ffffff14;border-radius:24px;padding:16px;transition:transform .2s;box-shadow:0 10px 30px -10px #000c}.blum-card.interactive:active{transform:scale(.98)}.avatar{color:#fff;background:linear-gradient(135deg,#3d78f2,#1b49a5);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 8px #3d78f266}@keyframes fillProgress{0%{width:0%}to{width:var(--target-width)}}.progress-fill{background:var(--accent-green);height:100%;animation:1.5s cubic-bezier(.1,.7,.1,1) forwards fillProgress;box-shadow:0 0 8px #57e05b80}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000b3;align-items:flex-end;display:flex;position:absolute;inset:0}.modal-content{background:#1a1a1a;border-radius:24px 24px 0 0;width:100%;padding:24px;animation:.3s cubic-bezier(.1,.8,.1,1) forwards slideUp}.bottom-nav{background-color:var(--nav-bg);height:76px;padding-bottom:env(safe-area-inset-bottom);z-index:100;border-top:1px solid #ffffff26;border-radius:24px 24px 0 0;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:11px;font-weight:500;display:flex}.nav-item.active{color:var(--text-primary)}.nav-item svg{margin-bottom:2px;transition:transform .2s}.nav-item:active svg{transform:scale(.9)}.horizontal-scroll{scrollbar-width:none;gap:12px;padding:0 16px 16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.horizontal-scroll::-webkit-scrollbar{display:none}