*{margin:0;padding:0;box-sizing:border-box}:root{--c-live: #B085C4;--c-reminder: #E88AAF;--c-live-past: #D6C0E8;--c-today: #66D1B6}html.firi-high-contrast{--c-live: #D4BCDF;--c-reminder: #EEBFD3;--c-live-past: #EDDCF2;--c-today: #ABE6D7}html,body{width:100%;height:100%}body{background-color:#2bae9f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}button,input,select,textarea{font-family:inherit}select option:checked,select option:hover{background:#92e7cd!important;color:#000!important}input[type=checkbox],input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #92E7CD;background:#fff;cursor:pointer;position:relative;flex-shrink:0;transition:background-color .15s,border-color .15s}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:6px}input[type=checkbox]:hover,input[type=radio]:hover{border-color:#2bae9f}input[type=checkbox]:checked,input[type=radio]:checked{background:#2bae9f;border-color:#1e7f73}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=radio]:checked:after{content:"";position:absolute;left:4px;top:4px;width:8px;height:8px;border-radius:50%;background:#000}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{outline:none;border-color:#075e54}#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;padding-bottom:calc(var(--plate-h, 120px) + 12px)}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:#d5f0ed!important;border-radius:10px}.content::-webkit-scrollbar-thumb{background:#66d1b6!important;border-radius:10px;border:2px solid #D5F0ED}.content::-webkit-scrollbar-thumb:hover{background:#b085c4!important;border:2px solid #D5F0ED}@media (max-width: 480px){#root{padding:8px}.inner-container{border-radius:20px}.content{padding:16px;padding-bottom:calc(var(--plate-h, 150px) + 4px)}}.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;background-color:#2bae9f;box-shadow:0 4px 8px #0000001a;transition:transform .2s cubic-bezier(.18,.89,.32,1.28),background-color .2s ease,box-shadow .2s ease}.nav-btn.active{background-color:#0f8e80;box-shadow:0 0 0 2px #075e54,0 4px 8px #0000001a}.nav-btn span{font-size:20px!important;margin-top:4px;color:#000;white-space:nowrap;font-weight:600;line-height:1.2}.top-nav-btn{transition:transform .2s cubic-bezier(.18,.89,.32,1.28),background-color .2s ease,box-shadow .2s ease}.top-nav-btn:hover{transform:translateY(-3px);background-color:#0f8e80!important;box-shadow:0 8px 16px #00000026}.top-nav-btn:active{transform:translateY(1px)}.top-nav .trash-btn-inner{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.top-nav .trash-btn-top{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}@media (min-width: 768px) and (max-width: 1024px){.nav-btn span{font-size:16px!important}.nav-btn svg{width:24px;height:24px}.top-nav button{font-size:1.15rem!important;gap:.4rem!important}.top-nav button svg{width:18px;height:18px}.top-nav .top-nav-center{font-size:1.15rem!important}}.sort-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:.4rem .5rem 0;overflow-x:auto;scrollbar-width:none}.sort-row::-webkit-scrollbar{display:none}.sort-chip{flex-shrink:0;border:1.5px solid #1E7F73;background-color:#ffffff8c;color:#000;border-radius:999px;padding:.25rem .75rem;font-size:.9rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .2s,transform .2s}.sort-chip:hover{transform:translateY(-2px)}.sort-chip-active{background-color:#2bae9f;border-color:#1e7f73}@media (max-width: 767px){#root{padding:8px}.inner-container{border-radius:20px}.content{padding:16px;padding-bottom:calc(var(--plate-h, 150px) + 4px)}.nav-btn span{font-size:.8rem!important;padding-inline:2px}.nav-btn svg{width:20px;height:20px}.nav-btn{padding:.2rem 0}.top-nav button{font-size:.8rem!important;gap:.3rem!important;height:42px!important}.top-nav button svg{width:16px;height:16px}.top-nav .top-nav-center{font-size:.9rem!important;height:42px!important}.top-nav .trash-btn-inner{flex-direction:column;align-items:center;gap:0;line-height:1.05}.top-nav .trash-action-btn{padding:.1rem 0!important}.top-nav.profile-nav{gap:.25rem!important;padding:.3rem}.top-nav .profile-tab-btn{flex-direction:column!important;height:42px!important;font-size:.8rem!important;gap:0!important;padding:0!important;line-height:1.05}.sort-row{padding:.3rem .5rem 0;gap:5px}.sort-chip{font-size:.72rem;padding:.2rem .55rem}}@keyframes firiSplashRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes firiLogoBreath{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.firi-splash-inner{display:flex;flex-direction:column;align-items:center;animation:firiSplashRise .6s ease-out both}.firi-splash-logo{animation:firiLogoBreath 2.6s ease-in-out infinite}.firi-splash-title{font-weight:800;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.18)}.firi-splash-sub{font-weight:500}@media (prefers-reduced-motion: reduce){.firi-splash-inner,.firi-splash-logo{animation:none}}@keyframes firiProfilePop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-popup{animation:firiProfilePop .18s ease-out both}@media (prefers-reduced-motion: reduce){.profile-popup{animation:none}}.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}}