@import url("https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap");:root{--bg:#0c0c18;--card:#131325;--card2:#1a1a30;--border:#2a2a45;--purple:#7c6aff;--purple-light:#c4baff;--green:#6fdd8f;--gold:#ffb84d;--pink:#f589d0;--cyan:#89d6f0;--text:#eee;--muted:#666}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;background:#0a0a14;border-bottom:1px solid var(--border);padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar-title{font-family:Syne,sans-serif;font-size:.82rem;font-weight:700;color:var(--purple-light);letter-spacing:.5px}.signout-btn{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:.72rem;cursor:pointer;transition:all .2s}.signout-btn:hover{border-color:var(--purple);color:var(--purple-light)}.page{padding:24px 20px 64px;max-width:900px;margin:0 auto}h2{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:4px}.sub{color:var(--muted);font-size:.8rem;margin-bottom:24px}.card{background:var(--card);border-radius:14px;padding:18px;margin-bottom:14px;border:1px solid var(--border)}.card-title{font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;margin-bottom:12px;color:#fff}.hero{background:linear-gradient(135deg,#1a1260,#0c0c18 60%);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid #2a2060;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,#7c6aff22,transparent 70%);border-radius:50%}.hero-name{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;color:#fff}.hero-date{color:#888;font-size:.78rem;margin-top:4px}.hero-stats{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-num{font-family:Syne,sans-serif;font-size:1.8rem;font-weight:800;line-height:1}.hero-stat-label{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.schedule-grid{display:flex;flex-direction:column;gap:6px}.sched-item{display:flex;align-items:center;gap:12px;background:var(--card2);border-radius:10px;padding:10px 14px;border:1px solid var(--border);transition:all .2s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sched-item:hover{border-color:var(--purple)}.sched-item.done{border-color:#2a5a2a;background:#0c2a0c}.sched-item.done .sched-name{text-decoration:line-through;color:var(--muted)}.sched-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;transition:all .2s}.sched-item.done .sched-check{background:var(--green);border-color:var(--green)}.sched-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sched-name{font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex:1 1}.sched-time{font-size:.62rem;color:var(--muted)}.sched-pts{font-family:Syne,sans-serif;font-size:.65rem;color:var(--gold);font-weight:700}.progress-row{margin-top:12px;display:flex;align-items:center;gap:10px}.ring-wrap{display:flex;justify-content:center}svg.ring{transform:rotate(-90deg)}.progress-pct{font-family:Syne,sans-serif;font-size:1rem;font-weight:800;color:#fff}.progress-label{font-size:.65rem;color:var(--muted)}.today-pts{margin-left:auto;font-family:Syne,sans-serif;font-size:.75rem;color:var(--gold);font-weight:700}.chat-box{background:var(--card2);border-radius:14px;border:1px solid var(--border);overflow:hidden;margin-bottom:14px}.chat-messages{padding:16px;max-height:320px;overflow-y:auto;flex-direction:column}.chat-messages,.msg{display:flex;gap:10px}.msg{align-items:flex-start}.msg.user{flex-direction:row-reverse}.msg-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;font-weight:700}.msg-avatar.ai{background:#1a1260;color:var(--purple-light)}.msg-avatar.user-av{background:#1a3a1a;color:var(--green)}.msg-bubble{background:var(--card);border-radius:12px;padding:10px 14px;font-size:.8rem;line-height:1.5;max-width:80%;border:1px solid var(--border)}.msg.user .msg-bubble{background:#1a1260;border-color:#3a3080;color:var(--purple-light)}.chat-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--card)}.chat-input{flex:1 1;background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font-family:DM Sans,sans-serif;font-size:.82rem;outline:none;resize:none}.chat-input:focus{border-color:var(--purple)}.send-btn{background:var(--purple);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;cursor:pointer;transition:filter .2s;letter-spacing:.5px}.send-btn:hover{filter:brightness(1.2)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.typing{display:flex;gap:4px;align-items:center;padding:4px 0}.typing span{width:6px;height:6px;border-radius:50%;background:var(--purple);animation:bounce 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.badges-row{display:flex;flex-wrap:wrap;gap:8px}.badge{background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:6px;font-size:.72rem;transition:all .2s}.badge.earned{border-color:var(--gold);background:#1e1400}.badge.locked{opacity:.35;filter:grayscale(1)}.badge-icon{font-size:1.1rem}.badge-name{font-family:Syne,sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-desc{font-size:.58rem;color:var(--muted)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:20px}.stat-box{background:var(--card);border-radius:12px;padding:16px;text-align:center;border:1px solid var(--border)}.stat-box-num{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;line-height:1;margin-bottom:4px}.stat-box-label{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;margin-bottom:4px}.week-day{background:var(--card2);border-radius:10px;padding:10px 6px;text-align:center;border:1px solid var(--border)}.week-day.has-data{border-color:#2a5a2a}.week-day-name{font-family:Syne,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.week-day-score{font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800}.week-day-pct{font-size:.58rem;color:var(--muted);margin-top:2px}.subject-bars{display:flex;flex-direction:column;gap:8px}.subject-bar-row{display:flex;align-items:center;gap:10px}.subject-bar-name{font-size:.72rem;font-weight:500;width:80px;flex-shrink:0}.bar-track{flex:1 1;background:var(--card2);border-radius:4px;height:8px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.bar-pct{font-size:.65rem;color:var(--muted);width:32px;text-align:right}.reward-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card2);border-radius:10px;border:1px solid var(--border)}.reward-item.reached{background:#0a2a0a;border-color:#2a5a2a}.reward-pts{font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;width:60px;color:var(--muted)}.reward-item.reached .reward-pts{color:var(--gold)}.reward-label{flex:1 1;font-size:.78rem;color:var(--muted)}.reward-item.reached .reward-label{color:#fff}.toast{position:fixed;bottom:24px;right:24px;background:#1a1260;border:1px solid var(--purple);border-radius:12px;padding:12px 18px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700;color:var(--purple-light);transform:translateY(100px);opacity:0;transition:all .3s;z-index:999;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.signin-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.signin-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:36px 28px;width:100%;max-width:380px;text-align:center}.signin-logo{font-size:2rem;margin-bottom:12px}.signin-title{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:6px}.signin-sub{font-size:.78rem;color:var(--muted);margin-bottom:28px}.role-row{display:flex;gap:10px;margin-bottom:24px}.role-btn{flex:1 1;padding:14px 10px;background:var(--card2);border:2px solid var(--border);border-radius:12px;cursor:pointer;font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.role-btn .role-icon{font-size:1.5rem;display:block;margin-bottom:6px}.role-btn.active,.role-btn:hover{border-color:var(--purple);color:var(--purple-light)}.role-btn.active{background:#1a1260}.pin-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-align:left}.pin-input,.pin-label{font-family:Syne,sans-serif;font-weight:700}.pin-input{width:100%;padding:14px 16px;background:var(--card2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:1.5rem;letter-spacing:8px;text-align:center;outline:none;margin-bottom:16px;transition:border-color .2s}.pin-input:focus{border-color:var(--purple)}.signin-submit{width:100%;padding:14px;background:var(--purple);color:#fff;border:none;border-radius:12px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:filter .2s;letter-spacing:.5px}.signin-submit:hover{filter:brightness(1.15)}.signin-submit:disabled{opacity:.5;cursor:not-allowed}.signin-error{color:#ff8080;font-size:.75rem;margin-top:10px}.loading-wrap{display:flex;justify-content:center;align-items:center;height:200px}.loading-dots{display:flex;gap:6px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--purple);animation:bounce 1s infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.section-header{font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;margin-bottom:8px;color:#fff}.section-sub{font-size:.62rem;color:var(--muted);font-weight:400;font-family:DM Sans,sans-serif;margin-left:8px}