*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;height:100%;background:linear-gradient(180deg,#fff6e6,#f9f6ef);font-family:Share Tech Mono,monospace}#root{width:100%;height:100%;overflow-x:hidden;background:linear-gradient(180deg,#fff6e6,#f9f6ef)}.login-root{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(180deg,#fff6e6,#f9f6ef);font-family:Share Tech Mono,monospace;overflow:hidden;padding:0;margin:0}.login-flex-outer{flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;width:100%;overflow:hidden;padding:0;margin:0}.login-horizontal-container{display:flex;width:100%;max-width:1200px;min-height:80vh;align-items:center;justify-content:center;gap:3rem;padding:2rem;flex:1;overflow:hidden}.login-left-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;overflow:hidden}.login-brand-section{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.login-subtitle{font-size:1.2rem;color:#ffb347;font-weight:500;margin-top:.5rem;letter-spacing:.02em}.login-right-panel{flex:1;display:flex;align-items:center;justify-content:center;min-height:400px;overflow:hidden;padding:1rem}.login-card{background:#fff9f0;border:2px solid #ffdb9b;border-radius:20px;box-shadow:0 4px 32px #ffb3471a;max-width:400px;margin:0 auto;padding:2.5rem 2.5rem 2rem;display:flex;flex-direction:column;align-items:center;z-index:2}.login-title{font-family:Share Tech Mono,monospace;font-size:1.5rem;color:#222;font-weight:700;letter-spacing:.04em;text-align:center;margin-bottom:2.2rem}.login-btn{width:90%;max-width:260px;font-size:1.13rem;border-radius:2.2rem;padding:1.1rem 0;background:linear-gradient(90deg,#ffe4b5,#ffb347);font-family:Share Tech Mono,monospace;font-weight:700;color:#222;box-shadow:0 2px 10px #ffb34714;border:1.5px solid #ffdb9b;transition:background .2s;cursor:pointer;letter-spacing:.04em;margin-bottom:1.2rem}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#d00;font-size:.95rem;margin-top:.7rem;font-family:Share Tech Mono,monospace;text-align:center}.login-card-hero{background:#ffa81b0d;border:2.5px solid #FFA01B;border-radius:28px;box-shadow:0 8px 40px #ffb34726;max-width:540px;width:100%;margin:0 auto;padding:2.8rem 2.8rem 2.2rem;display:flex;flex-direction:column;align-items:center;z-index:2;position:relative;flex:1 0 auto;overflow:hidden}.go-logo-svg{display:block;margin:0 auto .7rem;width:120px;height:auto}.login-go-title{font-family:Share Tech Mono,monospace;font-size:2.6rem;color:#ffb347;font-weight:700;letter-spacing:.12em;text-align:center;margin-bottom:.7rem;text-shadow:0 2px 8px #ffe4b5}.login-title-main{font-size:2.2rem;color:#222;font-weight:700;letter-spacing:.04em;text-align:center;margin-bottom:1.2rem;font-family:Share Tech Mono,monospace,Courier New,Courier,monospace}.login-desc{color:#222;font-size:1.08rem;text-align:center;margin-bottom:2.1rem;line-height:1.6;font-family:Share Tech Mono,monospace,Courier New,Courier,monospace}.login-desc-sub{color:#7c6a4d;font-size:.98rem;display:block;margin-top:.5rem}.login-feature-row{display:flex;gap:1.2rem;justify-content:center;margin-bottom:2.2rem;flex-wrap:wrap}.login-feature-card{background:#fff6e6;border:1.5px solid #ffdb9b;border-radius:16px;box-shadow:0 2px 10px #ffb34712;padding:1.1rem 1.2rem;min-width:120px;display:flex;flex-direction:column;align-items:center;flex:1 1 120px;max-width:170px}.login-feature-emoji{font-size:1.7rem;margin-bottom:.5rem}.login-feature-title{font-size:1.01rem;color:#222;font-weight:500;text-align:center}.login-btn-hero{width:100%;max-width:320px;font-size:1.18rem;border-radius:2.2rem;padding:1.18rem 0;background:linear-gradient(90deg,#ffe4b5,#ffb347);font-family:Share Tech Mono,monospace;font-weight:700;color:#222;box-shadow:0 2px 10px #ffb34714;border:1.5px solid #ffdb9b;transition:background .2s,box-shadow .2s;cursor:pointer;letter-spacing:.04em;margin-bottom:1.2rem}.login-btn-hero:disabled{opacity:.6;cursor:not-allowed}.login-footer-block{margin-top:2.5rem;color:#bfa76a;font-size:.98rem;text-align:center;font-family:Share Tech Mono,monospace;letter-spacing:.01em;width:100%;position:relative;z-index:1;flex:0 0 auto;padding:0 1rem}.login-bottom-icons{display:flex;justify-content:center;align-items:center;gap:2.2rem;margin-top:1.7rem;margin-bottom:.5rem;width:100%;position:relative;z-index:1;flex:0 0 auto}.login-bottom-icon{font-size:1.7rem;color:#bfa76a;opacity:.85;transition:opacity .2s,transform .2s;cursor:pointer;display:flex;align-items:center}.login-bottom-icon:hover{opacity:1;transform:scale(1.12)}@media (max-width: 900px){.login-horizontal-container{flex-direction:column;gap:2rem;padding:1rem}.login-left-panel{min-height:auto;padding:1rem}.login-right-panel{min-height:auto;padding:.5rem}.login-brand-section{max-width:100%}.go-logo-svg{width:80px}.login-title-main{font-size:1.8rem}.login-subtitle{font-size:1rem}}@media (max-width: 600px){.login-root,.login-flex-outer{padding:0!important;width:100%!important;overflow-x:hidden!important}.login-horizontal-container{flex-direction:column;gap:1rem;padding:.5rem;width:100%}.login-left-panel{padding:.5rem}.login-right-panel{padding:.5rem;width:100%}.login-card-hero{padding:1.5rem 1rem 1.2rem!important;max-width:100%!important;width:100%!important;border-radius:20px!important;margin:0 auto!important;box-shadow:0 4px 20px #ffb3471f!important}.go-logo-svg{width:64px!important;margin-bottom:.5rem!important}.login-title-main{font-size:1.1rem!important;margin-bottom:.7rem!important}.login-desc{font-size:.98rem!important;margin-bottom:1.2rem!important}.login-desc-sub{font-size:.92rem!important}.login-feature-row{flex-direction:column!important;gap:.5rem!important;margin-bottom:1.1rem!important}.login-feature-card{min-width:0!important;max-width:100%!important;width:100%!important;border-radius:12px!important;padding:.7rem .5rem!important}.login-feature-emoji{font-size:1.3rem!important;margin-bottom:.3rem!important}.login-feature-title{font-size:.95rem!important}.login-btn-hero{width:100%!important;max-width:100%!important;font-size:1.05rem!important;padding:.9rem 0!important;margin-bottom:.7rem!important;border-radius:1.5rem!important}.login-error{font-size:.92rem!important;margin-top:.5rem!important}.login-info{font-size:.92rem!important;margin-top:.7rem!important}.login-footer-block,.login-bottom-icons{font-size:.88rem!important;margin-top:1rem!important;padding:.5rem 0!important}.login-bottom-icons{gap:1.2rem!important;margin-bottom:.2rem!important}.login-bottom-icon{font-size:1.2rem!important}}.dashboard-root{min-height:100vh;min-width:100vw;width:100vw;background:linear-gradient(180deg,#fff6e6,#f9f6ef);font-family:Share Tech Mono,monospace;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding-bottom:3rem}.dashboard-split-layout{display:flex;width:100%;max-width:1400px;gap:2rem;padding:0 2rem;margin-top:1rem}.dashboard-left-panel{flex:1;min-width:0}.dashboard-right-panel{flex:1;min-width:0;height:calc(100vh - 200px);min-height:600px}@media (max-width: 1200px){.dashboard-split-layout{flex-direction:column;gap:1rem;padding:0 1rem}.dashboard-right-panel{height:500px;min-height:400px}}@media (max-width: 768px){.dashboard-split-layout{flex-direction:column;padding:0 .5rem}.dashboard-right-panel{order:1;height:400px;min-height:350px}.dashboard-left-panel{order:2}}.dashboard-main-card{background:#fff9f0;border:2px solid #ffdb9b;border-radius:20px;box-shadow:0 4px 32px #ffb3471a;max-width:900px;margin:0 auto;padding:2.5rem 2.5rem 2rem;display:flex;flex-direction:column;align-items:center;z-index:2;position:relative}.dashboard-title-main{font-family:Share Tech Mono,monospace;font-size:2.1rem;color:#222;font-weight:700;letter-spacing:.04em;text-align:center;margin-bottom:2.2rem}.checkin-grid-main-card{width:100%;max-width:1000px;background:transparent;border:none;box-shadow:none;padding:0}.checkin-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2rem 2rem;margin:0 auto 1.5rem;width:100%;max-width:900px}.checkin-day{background:#ffe4b5;border:1.5px solid #ffdb9b;border-radius:24px;padding:1.5rem 1.2rem 1.2rem;display:flex;flex-direction:column;align-items:flex-start;min-width:170px;min-height:150px;box-sizing:border-box;position:relative;font-family:Share Tech Mono,monospace}.checkin-bonus{grid-column:span 2;min-width:350px;background:#ffe4b5}.checkin-day-title{font-size:1.3rem;font-weight:700;color:#222;margin-bottom:.7rem}.checkin-star{font-size:2.1rem;margin-bottom:.5rem}.checkin-reward{font-size:1.1rem;color:#222;margin-bottom:1.2rem}.checkin-action{width:100%;display:flex;justify-content:center;align-items:center}.checkin-btn{padding:.5rem 1.5rem;font-size:1rem;border-radius:1.5rem;min-width:160px;font-weight:500;display:block;margin:1.5rem auto 0}.checkin-btn:disabled{background:#e0e7ff;color:#a5b4fc;border:1.5px solid #c7d2fe;opacity:1}.checkin-checked{color:#ffb347;font-size:1.5rem;font-weight:700}.checkin-locked{color:#bbb;font-size:1.5rem}.checkin-error{color:#d00;font-size:.95rem;margin-top:.7rem;font-family:Share Tech Mono,monospace;text-align:center}.disconnect-btn{position:absolute;top:1.2rem;right:2.2rem;background:#fff6e6;border:1.5px solid #ffb347;border-radius:2rem;padding:.5rem 1.5rem;font-size:1rem;font-family:Share Tech Mono,monospace;font-weight:700;color:#ffb347;cursor:pointer;box-shadow:0 2px 8px #ffb3470a;transition:background .2s,color .2s;z-index:10}.disconnect-btn:hover{background:#ffb347;color:#fff}@media (max-width: 900px){.dashboard-main-card{padding:1.2rem .2rem}.checkin-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:1.2rem 1.2rem;max-width:98vw}.checkin-bonus{min-width:unset;grid-column:span 2}}@media (max-width: 600px){.dashboard-main-card{padding:.5rem .1rem}.checkin-grid{grid-template-columns:1fr;grid-template-rows:repeat(7,1fr);gap:.7rem 0;max-width:99vw}.checkin-day,.checkin-bonus{min-width:unset;width:100%;padding:1rem .5rem}}.dashboard-checkin-container{display:flex;flex-direction:column;background:#fff;border-radius:24px;box-shadow:0 4px 32px #00000014;padding:2.5rem 2rem;max-width:900px;margin:2rem auto;min-height:420px}@media (max-width: 900px){.dashboard-checkin-container{padding:1.5rem .5rem;min-width:0}}.dashboard-checkin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}@media (max-width: 900px){.dashboard-checkin-header{flex-direction:column;gap:1rem;align-items:stretch}}.wallet-display{font-size:.875rem;color:#6b7280;margin:0}.wallet-address{font-family:Courier New,monospace;font-weight:600;color:#374151}.logout-btn{border:1px solid #d1d5db;padding:.25rem 1rem;border-radius:.375rem;font-size:.875rem;background:transparent;color:#374151;cursor:pointer;transition:background-color .2s,border-color .2s}.logout-btn:hover{background-color:#fef3c7;border-color:#f59e0b}@media (max-width: 900px){.logout-btn{width:100%;padding:.5rem 1rem}}.dashboard-checkin-content{display:flex;flex-direction:row;gap:2.5rem}@media (max-width: 900px){.dashboard-checkin-content{flex-direction:column;gap:1.5rem}}.dashboard-checkin-left{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:220px}.dashboard-checkin-heading{font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.dashboard-checkin-subtitle{color:#888;font-size:1rem;margin-bottom:1.5rem}.dashboard-checkin-progress{display:flex;gap:.5rem;margin-bottom:1.5rem}.progress-box{width:36px;height:36px;border-radius:1rem;background:#e0e7ff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:#bbb;border:2px solid #c7d2fe;transition:background .2s,color .2s,border .2s;box-shadow:0 2px 8px #3b82f614}.progress-box.checked{background:#6366f1;color:#fff;border:2px solid #6366f1;box-shadow:0 4px 16px #6366f121}.progress-box.checked:after{content:"✓";color:#fff;font-size:1.3rem;font-weight:700}.checkin-btn{margin-top:1.5rem;box-shadow:0 6px 24px #ff914d2e}.checkin-btn:disabled{background:#c7d2fe;color:#fff;cursor:not-allowed}.dashboard-checkin-right{flex:1 1 0;display:flex;flex-direction:column;min-width:220px}.dashboard-leaderboard-heading{font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.dashboard-leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 .5rem;margin-bottom:1rem}.dashboard-leaderboard-table th{text-align:left;color:#888;font-weight:600;font-size:1rem;padding-bottom:.3rem}.dashboard-leaderboard-table th:last-child{text-align:left}.dashboard-leaderboard-table td{background:#f3f4f6;border-radius:8px;padding:.5rem .7rem;font-size:1.05rem;vertical-align:middle}.dashboard-leaderboard-table tr{transition:background .18s,box-shadow .18s}.dashboard-leaderboard-table tbody tr:hover{background:#f3f4f6;box-shadow:0 2px 8px #3b82f614}.dashboard-leaderboard-table tr.rank-1 td{background:#fff7e6;color:#ffb347;font-weight:700}.dashboard-leaderboard-table tr.rank-2 td{background:#f0f4ff;color:#60a5fa;font-weight:700}.dashboard-leaderboard-table tr.rank-3 td{background:#f3f4f6;color:#a78bfa;font-weight:700}.dashboard-leaderboard-table td.rank-badge{font-size:1.2rem;font-weight:700;vertical-align:middle;padding-right:.5rem}.avatar{vertical-align:middle;margin-right:.5rem;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 4px #0000000a}.dashboard-leaderboard-pagination{display:flex;gap:1rem;justify-content:flex-end}.dashboard-leaderboard-pagination button{background:#f3f4f6;border:none;border-radius:6px;padding:.4rem 1.1rem;font-size:1rem;font-weight:500;color:#4f46e5;cursor:pointer;transition:background .2s}.dashboard-leaderboard-pagination button:hover{background:#e0e7ff}.logout-btn-gradient{border:none;border-radius:9999px;background:linear-gradient(90deg,#ffb76b,#ff914d);color:#fff;font-weight:700;font-size:1.08rem;font-family:Share Tech Mono,monospace;box-shadow:0 2px 10px #ffb3471a;cursor:pointer;transition:background .18s,box-shadow .18s;letter-spacing:.04em;padding:.5rem 1.5rem}.logout-btn-gradient:hover,.logout-btn-gradient:focus{background:linear-gradient(90deg,#ffc488,#ff914d);box-shadow:0 4px 16px #ff914d21;outline:none}@media (max-width: 600px){.logout-btn-gradient{width:100%;padding:.45rem 1.1rem;font-size:.98rem}}.logout-btn-absolute{display:none!important}.landing-footer,.refined-footer,.footer-left{position:absolute;bottom:1.2rem;left:0;width:100%;text-align:left;font-size:.85rem;color:#888;padding-left:2.5rem;z-index:2;font-family:Share Tech Mono,monospace;padding-top:1.2rem}.dashboard-header-flex{display:flex;justify-content:space-between;align-items:center;width:95%;max-width:1200px;margin:0 auto 2rem;padding:1.2rem 1.5rem;border-bottom:1px solid #e5e7eb;box-sizing:border-box}@media (max-width: 900px){.dashboard-header-flex{flex-direction:column;gap:1rem;align-items:stretch;margin-bottom:1.5rem;padding:1rem .7rem}}.wallet-info{display:flex;align-items:center;margin:0;padding:0}.dashboard-header-padded{padding:1.2rem 1.5rem}.wallet-display-strong{font-size:1rem;font-weight:500;color:#222}.mt-6{margin-top:1.5rem!important}.dashboard-footer-centered{padding-bottom:1.5rem;text-align:center!important;left:50%;transform:translate(-50%);width:100%}.dashboard-footer-block{width:100%;padding-top:1.2rem;padding-bottom:1.2rem;text-align:center;font-size:.92rem;color:#6b7280;background:none;position:static;left:unset;bottom:unset;font-family:Share Tech Mono,monospace}@media (max-width: 600px){.dashboard-footer-block{font-size:.82rem;padding-top:1rem;padding-bottom:1rem}}.dashboard-header-fixed{position:sticky;top:0;z-index:30;background:#fff9f0;box-shadow:0 2px 8px #0000000a;width:100vw;min-width:0}@media (max-width: 900px){.dashboard-header-fixed{width:100vw;left:0;right:0}}@media (max-width: 600px){.dashboard-root{padding:0!important;min-width:100vw;width:100vw;overflow-x:hidden}.dashboard-main-card{padding:.7rem .1rem!important;max-width:99vw!important;border-radius:14px!important;margin:.5rem auto!important;box-shadow:0 2px 12px #ffb3471a}.dashboard-title-main{font-size:1.2rem!important;margin-bottom:.7rem!important}.wallet-display,.wallet-display-strong{font-size:.98rem!important;word-break:break-all}.logout-btn-gradient,.logout-btn{width:100%!important;font-size:1.05rem!important;padding:.8rem 0!important;margin:.7rem 0!important;border-radius:1.5rem!important}.dashboard-header-flex,.dashboard-header-padded,.dashboard-header-fixed{flex-direction:column!important;gap:.5rem!important;align-items:flex-start!important;padding:.5rem .2rem!important}.dashboard-footer-block{font-size:.88rem!important;margin-top:1rem!important;padding:.5rem 0!important}.dashboard-leaderboard-table th,.dashboard-leaderboard-table td{font-size:.92rem!important;padding:.3rem .2rem!important}.dashboard-leaderboard-table{width:100vw!important;min-width:unset!important;max-width:100vw!important;overflow-x:auto!important;display:block!important}.dashboard-leaderboard-heading{font-size:1.1rem!important}.checkin-btn{width:100%!important;font-size:1.05rem!important;padding:.8rem 0!important;border-radius:1.5rem!important}.progress-box{width:28px!important;height:28px!important;font-size:1rem!important}.dashboard-checkin-progress{justify-content:center!important;gap:.5rem!important;flex-wrap:wrap!important;width:100%!important;margin:0 auto 1rem!important;display:flex!important}.progress-box{margin:0!important;flex:0 0 28px!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important}.checkin-grid{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:.5rem!important;width:100%!important;margin:0 auto 1rem!important}.checkin-day,.checkin-bonus{flex:0 0 44vw!important;max-width:44vw!important;min-width:120px!important;margin:.3rem!important;box-sizing:border-box!important;text-align:center!important}}@media (max-width: 600px){.dashboard-checkin-progress{justify-content:center!important;gap:.3rem!important;flex-wrap:wrap!important;width:auto!important;margin:0 auto 1rem!important;display:flex!important}.progress-box{margin:0!important;flex:0 0 22px!important;width:22px!important;height:22px!important;font-size:.95rem!important;border-radius:8px!important}}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#0000002e;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content.checkin-modal-card{background:#ffe4b5;border:1.5px solid #ffdb9b;border-radius:24px;box-shadow:0 4px 32px #ffb3471a;padding:2.2rem 2.5rem 2rem;min-width:320px;max-width:90vw;display:flex;flex-direction:column;align-items:center;font-family:Share Tech Mono,monospace}.checkin-modal-star{font-size:2.5rem;margin-bottom:1rem;text-align:center}.checkin-modal-reward{font-size:1.3rem;color:#222;margin-bottom:1.2rem;text-align:center;font-family:Share Tech Mono,monospace;font-weight:700}.checkin-btn{width:90%;max-width:260px;font-size:1.13rem;border-radius:2.2rem;padding:1.1rem 0;background:linear-gradient(90deg,#ffe4b5,#ffb347);font-family:Share Tech Mono,monospace;font-weight:700;color:#222;box-shadow:0 2px 10px #ffb34714;border:1.5px solid #ffdb9b;transition:background .2s;cursor:pointer;letter-spacing:.04em;margin-bottom:1.2rem}.modal-title{font-size:1.4rem;font-weight:700;color:#ffb347;margin-bottom:.7rem;text-align:center}.modal-reward{font-size:1.2rem;color:#222;margin-bottom:1.2rem;text-align:center}.modal-ok-btn{background:linear-gradient(90deg,#ffe4b5,#ffb347);border:none;border-radius:2rem;padding:.8rem 2.5rem;font-size:1.1rem;font-family:Share Tech Mono,monospace;font-weight:700;color:#444;cursor:pointer;margin-top:.5rem;box-shadow:0 2px 8px #0000000a;transition:background .2s}.checkin-popup-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#0000002e;z-index:1000;display:flex;align-items:center;justify-content:center}.checkin-popup-card{position:relative;background:#fff;border-radius:24px;border:2px solid #ffdb9b;padding:2.5rem 2.5rem 2rem;max-width:900px;width:95vw;box-shadow:0 4px 32px #ffb3471a;display:flex;flex-direction:column;align-items:center}.checkin-popup-title{font-family:Share Tech Mono,monospace;font-size:2rem;text-align:center;margin-bottom:2.2rem;color:#222;font-weight:700;letter-spacing:.04em}.checkin-popup-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2rem 2rem;margin:0 auto 1.5rem;width:100%;max-width:900px}.checkin-popup-day{background:#ffe4b5;border:1.5px solid #ffdb9b;border-radius:24px;padding:1.5rem 1.2rem 1.2rem;display:flex;flex-direction:column;align-items:center;min-width:170px;min-height:150px;box-sizing:border-box;position:relative;font-family:Share Tech Mono,monospace;transition:border .2s,box-shadow .2s}.checkin-popup-day.active{border:2.5px solid #ffb347;box-shadow:0 0 0 2px #ffb34733}.checkin-popup-day-title{font-size:1.3rem;font-weight:700;color:#222;margin-bottom:.7rem}.checkin-popup-star{font-size:2.1rem;margin-bottom:.5rem}.checkin-popup-reward{font-size:1.1rem;color:#222;margin-bottom:1.2rem}.checkin-popup-action{width:100%;display:flex;justify-content:center;align-items:center}.checkin-btn{width:90%;max-width:260px;font-size:1.13rem;border-radius:2.2rem;padding:1.1rem 0;background:linear-gradient(90deg,#ffe4b5,#ffb347);font-family:Share Tech Mono,monospace;font-weight:700;color:#222;box-shadow:0 2px 10px #ffb34714;border:1.5px solid #ffdb9b;transition:background .2s;cursor:pointer;letter-spacing:.04em;margin-top:1rem}.checkin-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 900px){.checkin-popup-card{padding:1.2rem .2rem}.checkin-popup-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:1.2rem 1.2rem;max-width:98vw}}@media (max-width: 600px){.checkin-popup-card{padding:.5rem .1rem}.checkin-popup-grid{grid-template-columns:1fr;grid-template-rows:repeat(7,1fr);gap:.7rem 0;max-width:99vw}.checkin-popup-day{min-width:unset;width:100%;padding:1rem .5rem}}.modal-close-btn{position:absolute;top:1.2rem;right:1.2rem;background:none;border:none;font-size:2rem;color:#888;cursor:pointer;z-index:10;transition:color .2s;line-height:1;padding:0}.modal-close-btn:hover{color:#ffb347}.chatbot-container{display:flex;flex-direction:column;height:100%;background:#fff9f0;border:2px solid #ffdb9b;border-radius:20px;box-shadow:0 4px 32px #ffb3471a;font-family:Share Tech Mono,monospace;color:#222;padding:2.5rem 2.5rem 2rem;overflow:hidden}.chatbot-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;background:none;border-bottom:1.5px solid #ffdb9b;margin-bottom:18px}.chatbot-title{display:flex;align-items:center;gap:12px;color:#222;font-size:18px;font-weight:600}.chatbot-icon{font-size:24px;animation:pulse 2s infinite}.chatbot-status{color:#10b981;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.chatbot-status:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;animation:blink 1.5s infinite}.chatbot-messages{flex:1;padding:0 0 12px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb{background:#ffb34733;border-radius:3px}.message{display:flex;flex-direction:column;max-width:80%}.user-message{align-self:flex-end}.bot-message{align-self:flex-start}.message-content{display:flex;align-items:flex-end;gap:8px}.user-message .message-content{flex-direction:row-reverse}.message-text{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;white-space:pre-line;word-wrap:break-word;font-family:Share Tech Mono,monospace}.user-message .message-text{background:linear-gradient(135deg,#ffe4b5,#fff6e6);color:#222;border-bottom-right-radius:4px;border:1.5px solid #ffdb9b}.bot-message .message-text{background:#fff6e6;color:#222;border-bottom-left-radius:4px;border:1.5px solid #ffdb9b;box-shadow:0 2px 8px #ffb3470a}.bot-avatar,.user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.bot-avatar{background:#ffe4b5;color:#222;border:1.5px solid #ffdb9b}.user-avatar{background:#fff6e6;color:#222;border:1.5px solid #ffdb9b}.message-timestamp{font-size:11px;color:#bfa76a;margin-top:4px;align-self:flex-end}.user-message .message-timestamp{align-self:flex-start}.chatbot-input-container{padding:0;background:none;border-top:none}.input-wrapper{display:flex;gap:12px;align-items:flex-end}.chatbot-input{flex:1;padding:12px 16px;border:1.5px solid #ffdb9b;border-radius:20px;background:#fff6e6;color:#222;font-size:14px;line-height:1.4;resize:none;outline:none;transition:all .2s ease;font-family:Share Tech Mono,monospace}.chatbot-input:focus{background:#fff;box-shadow:0 0 0 3px #ffb34726}.chatbot-input:disabled{opacity:.6;cursor:not-allowed}.send-button{width:44px;height:44px;border:none;border-radius:50%;background:linear-gradient(135deg,#ffe4b5,#ffdb9b);color:#222;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #ffb3471a}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #ffb3472e}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;background:#ffdb9b;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width: 768px){.chatbot-container{height:100%;border-radius:20px;padding:1.2rem .5rem}.chatbot-header{padding-bottom:12px;margin-bottom:12px}}