*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{background-color:#2bae9f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;height:100%;padding:16px}.app-wrapper{width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column}.inner-container{background-color:#92e7cd;border-radius:28px;display:flex;flex-direction:column;flex:1;overflow:hidden}.content{flex:1;overflow-y:auto;padding:20px 20px 80px}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:#d5f0ed;border-radius:10px}.content::-webkit-scrollbar-thumb{background:#2bae9f;border-radius:10px}@media (max-width: 480px){#root{padding:8px}.inner-container{border-radius:20px}.content{padding:16px 16px 1020px}}.nav-btn{transition:transform .2s cubic-bezier(.18,.89,.32,1.28),background-color .2s ease,box-shadow .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:60px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;color:#000;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.18,.89,.32,1.28),box-shadow .2s ease;will-change:transform;box-shadow:0 4px 8px #0000001a}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000026}.btn:active{transform:translateY(1px)}.btn:after{content:"";position:absolute;top:-50%;left:-60%;width:200%;height:200%;background:radial-gradient(circle,#fff6,#fff0 80%);opacity:0;transition:opacity .3s ease;pointer-events:none}.btn:hover:after{opacity:1}.btn-teal{background-color:#2bae9f}.btn-teal:hover{background-color:#0f8e80}.btn-teal-outline{background-color:#2bae9f;box-shadow:0 0 0 2px #1e7f73,0 4px 8px #0000001a}.btn-teal-outline:hover{background-color:#0f8e80;box-shadow:0 0 0 2px #075e54,0 10px 20px #00000026}.btn-active{background-color:#0f8e80}.btn-active-outline{background-color:#0f8e80;box-shadow:0 0 0 2px #075e54,0 4px 8px #0000001a}.btn-purple{background-color:#b085c4}.btn-purple:hover{background-color:#9a6eae}.btn-purple-outline{background-color:#b085c4;box-shadow:0 0 0 2px #9a6eae,0 4px 8px #0000001a}.btn-purple-outline:hover{background-color:#9a6eae;box-shadow:0 0 0 2px #835d96,0 10px 20px #00000026}.btn-lavender{background-color:#d6c0e8}.btn-lavender:hover{background-color:#c2aad8}.btn-lavender-outline{background-color:#d6c0e8;box-shadow:0 0 0 2px #c2aad8,0 4px 8px #0000001a}.btn-lavender-outline:hover{background-color:#c2aad8;box-shadow:0 0 0 2px #ae92c4,0 10px 20px #00000026}.btn-pink{background-color:#e88aaf}.btn-pink:hover{background-color:#d57098}.btn-pink-outline{background-color:#e88aaf;box-shadow:0 0 0 2px #d57098,0 4px 8px #0000001a}.btn-pink-outline:hover{background-color:#d57098;box-shadow:0 0 0 2px #c45a82,0 10px 20px #00000026}.btn-round{border-radius:60px}.btn-rect{border-radius:12px}.btn-circle{border-radius:50%;padding:.6rem;aspect-ratio:1 / 1}.btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.bottom-nav{background-color:#66d1b6;padding:.7rem .5rem;display:flex;justify-content:space-around;gap:.5rem;border-radius:28px}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;border-radius:20px;padding:.4rem 0;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;background-color:#2bae9f;box-shadow:0 4px 8px #0000001a;min-width:0}.nav-btn svg{width:26px;height:26px;stroke:#000;stroke-width:1.8;fill:none}.nav-btn span{font-size:.75rem;margin-top:4px;color:#000;font-weight:500;white-space:nowrap}.nav-btn:hover{transform:translateY(-3px);background-color:#0f8e80;box-shadow:0 8px 16px #00000026}.nav-btn:active{transform:translateY(1px)}.nav-btn.active{background-color:#0f8e80!important;box-shadow:0 0 0 2px #075e54,0 4px 8px #0000001a!important}@media (max-width: 480px){.nav-btn span{font-size:.65rem}.nav-btn svg{width:22px;height:22px}}