body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#fefbf6;color:#3d3b40;font-family:Arial,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}.app-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#ffffffe0;border-bottom:1px solid #7f528314;box-shadow:0 4px 20px #7f52830f;display:flex;justify-content:space-between;padding:14px 28px;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s,box-shadow .3s;z-index:1000}.app-main{flex-grow:1}.header-logo-link{color:inherit;display:inline-block;text-decoration:none;transition:transform .22s ease,opacity .22s ease}.header-logo-link:hover{opacity:.92;transform:scale(1.015)}.app-footer{background-color:#f8f9fa;border-top:1px solid #e7e7e7;color:#6c757d;flex-shrink:0;font-size:.85em;padding:25px 20px;text-align:center}.footer-links{margin-bottom:15px}.footer-link{color:#495057;font-weight:500;margin:0 10px;text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-links span{color:#ced4da}.app-footer p{line-height:1.5;margin:8px 0}.app-header h1{color:#7f5283;font-size:1.45rem;font-weight:800;gap:6px;letter-spacing:-.5px;margin:0}.app-header h1,.header-nav{align-items:center;display:flex}.header-nav{gap:20px}.nav-link{border-radius:12px;color:#5c5765;display:inline-block;font-size:1.02rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:color .22s ease,background-color .22s ease,transform .15s ease}.nav-link:hover{background-color:#7f52830d;color:#7f5283;transform:translateY(-.5px)}.nav-link.active{background-color:#7f528314;color:#7f5283;font-weight:700}.login-container{padding:100px 20px}.welcome-message{margin:40px 0}.loading-spinner-container{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:50px}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#7f5283;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.points-display{background-color:#a6d1e6;border-radius:20px;color:#fff;display:inline-block;font-weight:700;margin-top:10px;padding:10px 20px}.bento-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px}.bento-card{background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #0000000d;padding:20px;transition:transform .2s}.bento-card:hover{transform:translateY(-5px)}.card-tag{background-color:#fea1a1;border-radius:8px;color:#fff;font-size:12px;padding:4px 8px}.bento-card h4{margin:15px 0}.bento-card button{background-color:#7f5283;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 15px}.login-button{background:linear-gradient(135deg,#7f5283,#6a466d);border:none;border-radius:20px;box-shadow:0 4px 14px #7f528333;color:#fff!important;cursor:pointer;display:inline-block;font-weight:600;padding:8px 22px;text-decoration:none!important;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.login-button:hover{background:linear-gradient(135deg,#8f5c93,#764e7a);box-shadow:0 6px 18px #7f528359;transform:translateY(-1.5px)}.logout-button{background-color:initial;border:1px solid #7f528366;border-radius:20px;color:#7f5283;cursor:pointer;display:inline-block;font-weight:600;padding:8px 18px;text-decoration:none!important;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.logout-button:hover{background-color:#7f52830f;border-color:#7f5283;transform:translateY(-1px)}@media screen and (max-width:600px){.app-header{flex-direction:column;gap:10px;padding:15px 20px}.app-header h1{font-size:1.5em}.header-nav{gap:10px;justify-content:space-around;width:100%}.nav-link{font-size:.9em;padding:6px 10px}.logout-button{font-size:.9em;padding:6px 12px}}@media (prefers-color-scheme:dark){body{background-color:#121212;color:#e0e0e0}.app-header{background-color:#121212e0;border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #00000080}.app-header h1{color:#bb86fc}.nav-link{color:#b0aeb5}.nav-link:hover{background-color:#bb86fc1a;color:#bb86fc}.nav-link.active{background-color:#bb86fc26;color:#bb86fc}.app-footer{background-color:#1e1e1e;border-top:1px solid #2d2d2d;color:#a0a0a0}.footer-link{color:#e0e0e0}.footer-links span{color:#444}.loading-spinner{border:5px solid #2d2d2d;border-top-color:#bb86fc}.bento-card{background-color:#1e1e1e;box-shadow:0 4px 12px #0000004d}.login-button{background:linear-gradient(135deg,#bb86fc,#985eff);box-shadow:0 4px 14px #bb86fc33}.login-button:hover{background:linear-gradient(135deg,#c89bff,#a370ff);box-shadow:0 6px 18px #bb86fc59}.logout-button{border:1px solid #bb86fc66;color:#bb86fc}.logout-button:hover{background-color:#bb86fc0f;border-color:#bb86fc}}.adblock-modal-backdrop{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.adblock-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000004d;max-width:400px;padding:2rem;position:relative;text-align:center}.adblock-close-btn{background:#0000;border:none;color:#888;cursor:pointer;font-size:2rem;line-height:1;padding:.5rem;position:absolute;right:.8rem;top:.8rem;transition:color .2s ease}.adblock-close-btn:hover{color:#333}.adblock-title{color:#d38b8b;font-size:1.5rem;margin-bottom:1rem;margin-top:0}.adblock-p{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.adblock-refresh-btn{background-color:#d38b8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:background-color .2s}.adblock-refresh-btn:hover{background-color:#b87373}@media (prefers-color-scheme:dark){.adblock-modal-content{background:#1e1e1e;box-shadow:0 8px 30px #00000080}.adblock-close-btn{color:#777}.adblock-close-btn:hover{color:#e0e0e0}.adblock-title{color:#d38b8b}.adblock-p{color:#b0aeb5}.adblock-refresh-btn{background-color:#d38b8b;color:#121212}.adblock-refresh-btn:hover{background-color:#b87373}}.language-selector-wrapper{display:inline-block;margin-left:12px;position:relative;vertical-align:middle;z-index:1000}.desktop-language-selector{display:block;position:relative}..globe-selector-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7f528314;border:1px solid #7f528338;border-radius:20px;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;padding:6px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.globe-selector-btn .lang-name{color:#5c4a7e;transition:color .2s ease}.globe-selector-btn .dropdown-arrow{color:#7f5283;font-size:8px;margin-left:2px;opacity:.8;transition:color .2s ease}.globe-selector-btn:hover{background:#7f528329;border-color:#7f528373;box-shadow:0 4px 12px #7f52831a}.globe-selector-btn:hover .lang-name{color:#7f5283}.globe-selector-btn:hover .dropdown-arrow{color:#6a466d}.selected-flag-img{border-radius:2px;box-shadow:0 1px 3px #00000026;height:12px;object-fit:cover;width:18px}.desktop-dropdown-list{animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #7f528329;border-radius:14px;box-shadow:0 10px 25px #7f52831a;list-style:none;margin:0;max-height:280px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 8px);width:170px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;border-radius:8px;color:#4a454f;cursor:pointer;display:flex;font-size:13.5px;gap:10px;padding:8px 12px;transition:all .15s ease}.dropdown-item:hover{background:#7f528314;color:#7f5283}.dropdown-item.active{background:#7f528324;color:#7f5283;font-weight:600}.dropdown-flag-img{border-radius:2px;box-shadow:0 1px 2px #0000001a;height:12px;object-fit:cover;width:18px}.mobile-language-selector{display:none}.mobile-selector-btn{align-items:center;background:#7f528314;border:1px solid #7f528340;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.mobile-selector-btn:active{transform:scale(.92)}.mobile-flag-img{border-radius:2px;box-shadow:0 1px 3px #00000026;height:14px;object-fit:cover;width:20px}.mobile-modal-overlay{align-items:flex-end;animation:overlayFadeIn .25s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle,#7f52831a 0,#00000073 100%);bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:10000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-modal-content{animation:sheetSlideUp .3s cubic-bezier(.1,.76,.55,.94) forwards;background:#fffffffa;border-top:1px solid #7f52832e;border-top-left-radius:26px;border-top-right-radius:26px;box-shadow:0 -10px 30px #00000026;display:flex;flex-direction:column;max-height:75vh;max-width:500px;overflow:hidden;padding:22px 22px calc(22px + env(safe-area-inset-bottom, 0px));width:100%}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #7f528314;display:flex;justify-content:space-between;margin-bottom:22px;padding-bottom:8px}.modal-header h3{color:#7f5283;font-size:17px;font-weight:600;margin:0}.close-modal-btn{background:none;border:none;color:#7f5283;cursor:pointer;font-size:20px;opacity:.8;padding:4px;transition:opacity .2s ease}.close-modal-btn:hover{opacity:1}.modal-grid{grid-gap:10px;-webkit-overflow-scrolling:touch;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);overflow-y:auto;padding-bottom:30px}.grid-item{align-items:center;background:#7f52830a;border:1px solid #7f528314;border-radius:14px;color:#4a454f;cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;gap:10px;padding:10px 14px;text-align:left;transition:all .15s ease}.grid-item:active{background:#7f52831f}.grid-item.active{background:#7f528324;border-color:#7f528366;color:#7f5283;font-weight:600}.grid-flag-img{border-radius:2px;box-shadow:0 1px 2px #0000001a;height:15px;object-fit:cover;width:22px}@media (max-width:768px){.desktop-language-selector{display:none}.mobile-language-selector{display:block}.language-selector-wrapper{margin-left:6px}}.desktop-dropdown-list::-webkit-scrollbar,.modal-grid::-webkit-scrollbar{width:4px}.desktop-dropdown-list::-webkit-scrollbar-thumb,.modal-grid::-webkit-scrollbar-thumb{background:#7f528338;border-radius:4px}@media (prefers-color-scheme:dark){.globe-selector-btn{background:#bb86fc1a;border:1px solid #bb86fc4d}.globe-selector-btn .lang-name{color:#b0aeb5}.globe-selector-btn .dropdown-arrow{color:#bb86fc}.globe-selector-btn:hover{background:#bb86fc33;border-color:#bb86fc80}.globe-selector-btn:hover .lang-name{color:#bb86fc}.desktop-dropdown-list{background:#1e1e1efa;border:1px solid #bb86fc33;box-shadow:0 10px 25px #00000080}.dropdown-item{color:#e0e0e0}.dropdown-item:hover{background:#bb86fc1a;color:#bb86fc}.dropdown-item.active{background:#bb86fc2e;color:#bb86fc}.mobile-selector-btn{background:#bb86fc1a;border:1px solid #bb86fc4d}.mobile-modal-content{background:#1e1e1efa;border-top:1px solid #bb86fc33;box-shadow:0 -10px 30px #00000080}.modal-header{border-bottom:1px solid #ffffff14}.close-modal-btn,.modal-header h3{color:#bb86fc}.grid-item{background:#bb86fc0d;border:1px solid #bb86fc1a;color:#e0e0e0}.grid-item:active{background:#bb86fc26}.grid-item.active{background:#bb86fc2e;border-color:#bb86fc80;color:#bb86fc}.desktop-dropdown-list::-webkit-scrollbar-thumb,.modal-grid::-webkit-scrollbar-thumb{background:#bb86fc4d}}