:root{--bg:#050B17;--panel:#0D1626;--panel2:#111D33;--line:#1D2A44;--text:#FFFFFF;--muted:#9AA8C2;--lime:#26AE5F;--teal:#7ED9F7;--purple:#85B0E6;--orange:#93DEB4;--radius:22px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% -20%,#14223B 0,transparent 35%),var(--bg);color:var(--text);font-family:Nunito,sans-serif;min-height:100vh}button{font:inherit;color:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh}.layout{display:flex;min-height:100vh}.sidebar{width:248px;border-right:1px solid #121F35;background:#080D17;padding:28px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 36px;font:800 22px Poppins,sans-serif;letter-spacing:-1px}.brand-mark{width:34px;height:34px;border-radius:12px;background:var(--lime);color:#0A111E;display:grid;place-items:center;font-size:19px;box-shadow:0 0 24px #26AE5F30}.brand small{display:block;font:600 9px Nunito;letter-spacing:2px;color:var(--muted);margin-top:1px}.nav-label{font-size:10px;letter-spacing:1.6px;color:#415E91;padding:4px 13px 10px}.nav{display:grid;gap:5px}.nav button{background:transparent;text-align:left;padding:12px 13px;border-radius:12px;color:#9AA8C2;display:flex;align-items:center;gap:13px;font-size:13px;font-weight:600;transition:.2s}.nav button:hover,.nav button.active{background:#0F192C;color:var(--text)}.nav button.active{box-shadow:inset 2px 0 var(--lime)}.nav button.active .ico{color:var(--lime)}.ico{width:18px;height:18px;display:inline-grid;place-items:center;font-size:17px}.side-bottom{margin-top:auto}.side-quest{background:linear-gradient(145deg,#0F1A2D,#0B1321);border:1px solid var(--line);padding:16px;border-radius:17px;margin:12px 4px 20px}.side-quest small{color:var(--muted);font-size:10px}.side-quest strong{display:block;font-size:14px;margin:8px 0}.side-quest .progress{margin:11px 0 5px}.profile-mini{display:flex;align-items:center;gap:11px;padding:10px 9px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#93DEB4,#1E8C4C);display:grid;place-items:center;color:#0C1524;font-weight:800}.profile-mini strong{font-size:12px;display:block}.profile-mini small{color:var(--muted);font-size:10px}.main{margin-left:248px;width:calc(100% - 248px);min-height:100vh}.topbar{height:82px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0F1A2D}.crumb{font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:15px}.streak{border:1px solid #182947;background:#0D1626;border-radius:99px;padding:9px 13px;font-size:12px;font-weight:700}.top-avatar{width:34px;height:34px}.content{max-width:1280px;padding:36px clamp(24px,5vw,72px) 72px;margin:0 auto}.welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.eyebrow{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.welcome h1,.page-head h1{font:800 clamp(28px,3vw,40px) Poppins,sans-serif;letter-spacing:-1.7px;margin:8px 0 7px}.welcome p,.page-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.btn{border-radius:12px;padding:12px 17px;background:var(--lime);color:#09101C;font-weight:800;font-size:12px;box-shadow:0 5px 22px #26AE5F19;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-ghost{background:#0F1A2C;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn-teal{background:var(--teal);color:#060B14}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(150deg,#0C1423,#0A111E);border:1px solid #14243E;border-radius:var(--radius);padding:22px;position:relative;overflow:hidden}.card h3{margin:0;font:700 15px Poppins,sans-serif}.muted{color:var(--muted)}.metric{font:800 25px Poppins,sans-serif;margin:11px 0 4px;letter-spacing:-.8px}.metric-note{font-size:11px;color:var(--muted)}.lime{color:var(--lime)}.teal{color:var(--teal)}.purple{color:var(--purple)}.orange{color:var(--orange)}.card-top{display:flex;align-items:center;justify-content:space-between}.tag{padding:6px 9px;border-radius:99px;background:#121F36;color:var(--lime);font-size:10px;font-weight:800}.section-title{display:flex;justify-content:space-between;align-items:center;margin:29px 0 14px}.section-title h2{font:700 17px Poppins;margin:0}.link{background:none;color:var(--lime);font-size:11px;font-weight:700}.hero-quest{display:grid;grid-template-columns:1.15fr .85fr;min-height:256px;padding:0;background:linear-gradient(112deg,#0F1A2D 0%,#0E182A 50%,#0C1525 100%);border-color:#23334F}.quest-copy{padding:29px 32px;z-index:1}.quest-copy h2{font:800 26px Poppins;letter-spacing:-1px;margin:12px 0 8px}.quest-copy p{font-size:13px;line-height:1.6;color:#96A8C7;max-width:420px}.quest-meta{display:flex;gap:18px;margin:18px 0;font-size:11px;color:#91A4C4}.quest-art{position:relative;display:grid;place-items:center;overflow:hidden}.globe{width:200px;height:200px;border:1px solid #7B91B838;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3C5786 0,#182946 36%,#0C1525 70%);box-shadow:inset -25px -12px 50px #04070D,0 0 70px #6D8ABD21;position:relative}.globe:before{content:'🌎';font-size:94px;position:absolute;inset:0;display:grid;place-items:center;filter:drop-shadow(0 6px 12px #00000077)}.orbit{position:absolute;inset:35px -19px;border:1px solid #26AE5F50;border-radius:50%;transform:rotate(-25deg)}.progress{height:6px;border-radius:9px;background:#172744;overflow:hidden}.progress span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--lime))}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:8px}.lesson{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #152540}.lesson:last-child{border:0;padding-bottom:0}.lesson-icon{width:40px;height:40px;background:#121E35;border-radius:13px;display:grid;place-items:center;font-size:18px;flex:none}.lesson strong{font-size:12px;display:block}.lesson small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.lesson .go{margin-left:auto;color:#6C8ABD}.celeste-card{background:radial-gradient(circle at 85% 10%,#3C578655,transparent 30%),linear-gradient(140deg,#14223B,#151822);border-color:#2A3C5C}.celeste-orb{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffff,#A8E8FF 18%,#4787D6 53%,#0A1F5C 80%);box-shadow:0 0 35px #85B0E666;margin-bottom:15px}.quote{font:600 15px/1.6 Poppins;color:#EAF6FF;margin:12px 0 20px}.chatbox{display:flex;gap:8px;margin-top:14px}.chatbox input{min-width:0;flex:1;border:1px solid #2B3E5F;background:#111421;border-radius:11px;color:white;padding:12px;font:12px Nunito}.chatbox button{background:#85B0E6;color:#0E1729;border-radius:10px;padding:0 15px;font-weight:800}.stat-card{min-height:124px}.stat-icon{font-size:18px;background:#111E34;border-radius:11px;width:37px;height:37px;display:grid;place-items:center}.impact-banner{background:linear-gradient(110deg,#0E192B,#0D1728);display:flex;align-items:center;justify-content:space-between}.impact-banner h2{font:700 18px Poppins;margin:8px 0}.impact-banner p{margin:0;color:var(--muted);font-size:12px}.avatars{display:flex}.avatars span{width:33px;height:33px;border-radius:50%;border:2px solid #0D1727;background:#334A71;display:grid;place-items:center;margin-left:-8px;font-size:11px}.page-head{margin:5px 0 28px}.page-head .eyebrow{display:block}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between}.day-card{text-align:center;padding:14px 6px;background:#0C1422;border:1px solid var(--line);border-radius:15px}.day-card small{color:var(--muted);font-size:10px}.day-card strong{display:block;font-size:17px;margin:9px 0}.day-card.current{border-color:var(--lime);background:#111D32}.task{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #162642}.check{width:21px;height:21px;border:1px solid #38517D;border-radius:7px;display:grid;place-items:center;color:#080D17;font-size:12px;flex:none}.check.done{background:var(--lime);border-color:var(--lime)}.task strong{font-size:13px;display:block}.task small{color:var(--muted);font-size:10px;display:block;margin-top:5px}.xp{margin-left:auto;color:var(--lime);font-size:11px;font-weight:800}.event{display:flex;gap:15px;align-items:center}.event-date{width:53px;height:55px;border-radius:13px;background:#121F35;text-align:center;padding:7px}.event-date b{display:block;font:800 19px Poppins;color:var(--lime)}.event-date small{font-size:9px;color:var(--muted)}.event-info{flex:1}.event-info strong{display:block;font-size:13px}.event-info small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.live-dot{width:7px;height:7px;background:#D24B3E;border-radius:50%;display:inline-block;margin-right:5px;box-shadow:0 0 9px #D24B3E}.chat-messages{display:grid;gap:11px;max-height:300px;overflow:auto}.bubble{max-width:80%;padding:12px 14px;border-radius:15px;background:#111D32;font-size:12px;line-height:1.55;color:#D5DCE8}.bubble.me{justify-self:end;background:#162743;color:#E9F8EF}.bubble small{display:block;color:#7E94B9;font-size:9px;margin-bottom:5px}.celeste-large{display:flex;align-items:center;gap:18px}.celeste-large .celeste-orb{width:75px;height:75px;margin:0}.ring{--v:72;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) calc(var(--v)*1%),#172743 0);position:relative}.ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#0B1422}.ring div{z-index:1;text-align:center}.ring strong{display:block;font:800 25px Poppins}.ring small{font-size:9px;color:var(--muted)}.reward{display:flex;align-items:center;gap:13px}.reward .lesson-icon{font-size:21px;width:48px;height:48px}.reward strong{display:block;font-size:12px}.reward small{font-size:10px;color:var(--muted)}.reward .btn{margin-left:auto}.impact-number{font:800 36px Poppins;color:var(--lime)}.guild{display:flex;align-items:center;gap:14px}.guild-mark{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#364F79,#182A49);font-size:24px}.guild strong{display:block;font-size:13px}.guild small{color:var(--muted);font-size:10px}.leader{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #162641;gap:11px}.leader:last-child{border:0}.rank{width:24px;color:var(--muted);font-size:12px}.leader .avatar{width:32px;height:32px;font-size:10px}.leader strong{font-size:11px}.leader .score{margin-left:auto;color:var(--lime);font-size:11px}.profile-hero{display:flex;align-items:center;gap:20px}.profile-hero .avatar{width:76px;height:76px;font-size:22px}.profile-hero h2{font:800 23px Poppins;margin:0 0 6px}.profile-hero p{margin:0;color:var(--muted);font-size:12px}.plan-feature{padding:11px 0;border-bottom:1px solid #172845;font-size:12px;color:#CDD5E4}.plan-feature:last-child{border:0}.plan-feature:before{content:'✓';color:var(--lime);font-weight:800;margin-right:10px}.plan-card.featured{border-color:#26AE5F;background:linear-gradient(150deg,#121E35,#0C1422);box-shadow:0 0 35px #26AE5F0c}.price{font:800 32px Poppins;margin:15px 0}.price small{font:500 12px Nunito;color:var(--muted)}.splash{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 42%,#15243E 0,transparent 35%),#050B17}.splash h1{font:800 clamp(48px,9vw,92px) Poppins;letter-spacing:-7px;margin:18px 0 0}.splash h1 span{color:var(--lime)}.splash p{max-width:500px;margin:12px auto 25px;color:var(--muted);line-height:1.7}.splash .brand-mark{width:52px;height:52px;font-size:28px;margin:auto}.splash .eyebrow{margin-top:24px}.onboard{max-width:900px;margin:auto}.goal{padding:19px;border-radius:16px;border:1px solid #192C4C;background:#0C1422;cursor:pointer;transition:.2s}.goal:hover,.goal.selected{border-color:var(--lime);background:#121F35;transform:translateY(-2px)}.goal span{font-size:24px}.goal strong{display:block;font-size:12px;margin:10px 0 3px}.goal small{color:var(--muted);font-size:10px}.mobile-head,.mobile-nav{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#3ABC74;color:#0B1320;border-radius:13px;padding:14px 18px;font-weight:800;font-size:12px;z-index:20;box-shadow:0 10px 30px #00000088;animation:rise .25s ease}@keyframes rise{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.chart{height:150px;display:flex;align-items:end;gap:9px;padding-top:15px}.bar-wrap{height:100%;flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:6px}.bar{width:100%;max-width:27px;border-radius:6px 6px 2px 2px;background:linear-gradient(0deg,#7ED9F7,var(--lime));min-height:10px}.bar-wrap small{font-size:9px;color:var(--muted)}@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{display:none}.main{margin:0;width:100%}.topbar{height:64px;padding:0 18px}.content{padding:25px 17px 95px}.welcome{align-items:flex-start;gap:12px;flex-direction:column}.welcome h1,.page-head h1{font-size:29px}.grid-3,.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:18px;border-radius:18px}.hero-quest{grid-template-columns:1fr}.quest-copy{padding:23px}.quest-art{height:165px}.globe{width:142px;height:142px}.globe:before{font-size:70px}.quest-copy h2{font-size:22px}.impact-banner{align-items:flex-start;gap:20px;flex-direction:column}.mobile-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}.mobile-head .brand{padding:0;font-size:19px}.mobile-nav{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;background:#080E19f2;backdrop-filter:blur(16px);border-top:1px solid #172744;padding:8px 3px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{background:none;color:#5E7EB6;display:grid;gap:3px;justify-items:center;font-size:9px;padding:5px 7px}.mobile-nav button .ico{font-size:18px}.mobile-nav button.active{color:var(--lime)}.topbar{display:none}.chart{gap:5px}.quest-meta{gap:10px;font-size:10px}.day-card{padding:12px 2px}.goal{padding:15px}.profile-hero{align-items:flex-start}.price{font-size:27px}}@media(min-width:721px){.mobile-head{display:none}}

/* ===== Identidade Kailua (tartaruga, Poppins/Nunito, azul-marinho + verde) ===== */
.brand-mark{background:none!important;box-shadow:none!important;color:inherit}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
.brand{font-weight:800}
.splash .brand-mark{width:116px;height:116px;border-radius:0}
.splash h1{letter-spacing:-4px;font-weight:800}
.welcome h1,.page-head h1{letter-spacing:-1px}
.globe{background:radial-gradient(circle at 50% 45%,#0F2A5C 0,#0A1A3D 55%,#070F22 100%);border:1px solid #7ED9F738;box-shadow:inset -20px -10px 40px #02050c,0 0 70px #4787D633}
.globe:before{content:'';background:url(assets/logo-turtle-mark.png) center/84% no-repeat;font-size:0;filter:drop-shadow(0 6px 14px #0008)}
.orbit{border-color:#26AE5F70}
.btn,.toast{color:#050B17}
.btn-ghost{color:#fff}
.nav button.active{box-shadow:inset 2px 0 var(--lime)}
body{background:radial-gradient(ellipse at 72% -20%,#12306E 0,transparent 38%),var(--bg)}
.splash{background:radial-gradient(circle at 50% 42%,#10306B 0,transparent 38%),#050B17}
@media(max-width:720px){.splash h1{letter-spacing:-3px}.splash .brand-mark{width:92px;height:92px}}

/* ===== Onboarding: uma pergunta por página, deslizando para o lado ===== */
.ob{max-width:760px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:18px clamp(16px,4vw,32px) calc(18px + env(safe-area-inset-bottom))}
.ob-top{display:flex;align-items:center;gap:14px;flex:none}
.ob-back{width:40px;height:40px;border-radius:12px;background:#0D1626;border:1px solid var(--line);font-size:18px;display:grid;place-items:center;transition:.2s}
.ob-back:hover{background:#111D33}
.ob-bar{flex:1;height:6px;border-radius:9px;background:#1D2A44;overflow:hidden}
.ob-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--lime));transition:width .5s cubic-bezier(.22,.8,.24,1)}
.ob-count{font-size:11px;color:var(--muted);min-width:44px;text-align:right}
.ob-view{flex:1;min-height:0;overflow:hidden;margin-top:10px}
.ob-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.22,.8,.24,1)}
.ob-slide{flex:0 0 100%;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:22px 4px 20px}
.ob-slide h1{font:800 clamp(26px,5vw,38px) Poppins,sans-serif;letter-spacing:-1px;margin:10px 0 8px;line-height:1.15}
.ob-sub{margin:0 0 26px;color:var(--muted);font-size:14px;line-height:1.6;max-width:520px}
.ob-input{width:100%;background:#0D1626;border:1px solid #243557;border-radius:14px;color:var(--text);padding:16px 18px;font:600 17px Nunito,sans-serif;outline:none;transition:.2s;resize:vertical}
.ob-input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #26AE5F33}
.ob-input::placeholder{color:#6B7B99;font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.chip{background:#0D1626;border:1px solid #243557;color:var(--text);border-radius:99px;padding:12px 18px;font:700 14px Nunito,sans-serif;transition:.2s}
.chip:hover{border-color:#4787D6;transform:translateY(-1px)}
.chip.on{background:#26AE5F22;border-color:var(--lime);color:#fff}
.chip.on:before{content:'✓ ';color:var(--lime)}
.chip.static{cursor:default;padding:6px 12px;font-size:12px;transform:none}
.ob-cards .goal{text-align:left;color:inherit}
.ob-cards{gap:12px}
.ob-opts{display:grid;gap:12px}
.opt{text-align:left;background:#0D1626;border:1px solid #243557;border-radius:16px;padding:18px 20px;transition:.2s;color:var(--text)}
.opt:hover{border-color:#4787D6;transform:translateY(-2px)}
.opt.on{border-color:var(--lime);background:#26AE5F1C}
.opt strong{display:block;font:700 16px Poppins,sans-serif}
.opt small{color:var(--muted);font-size:13px;display:block;margin-top:5px}
.ob-label{margin:22px 0 0;font-size:13px;font-weight:700;color:#C2D8F3}
.ob-label:first-child{margin-top:0}
.ob-check{display:flex;gap:12px;align-items:flex-start;margin-top:28px;font-size:13px;line-height:1.55;color:var(--muted);cursor:pointer}
.ob-check input{margin-top:3px;width:18px;height:18px;accent-color:#26AE5F;flex:none}
.ob-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid #131E34}
.ob-foot .btn{padding:15px 26px;font-size:14px}
.ob-foot .link{font-size:13px;padding:10px 4px}
.ob-center{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:20px 4px}.ob-center>*{flex:none}.ob-center>:first-child{margin-top:auto}.ob-center>:last-child{margin-bottom:auto}
.ob-center h1{font:800 clamp(26px,5vw,36px) Poppins,sans-serif;letter-spacing:-1px;margin:10px 0 10px;line-height:1.15}
.ob-orb{width:84px;height:84px;border-radius:50%;margin-bottom:22px;background:radial-gradient(circle at 32% 28%,#fff,#A8E8FF 18%,#4787D6 53%,#0A1F5C 80%);box-shadow:0 0 45px #4787D688;animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.07);box-shadow:0 0 65px #4787D6aa}}
.ob-build{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.ob-build li{display:flex;align-items:center;gap:12px;font-size:15px;color:#6B7B99;transition:.4s;opacity:.55}
.ob-build li:before{content:'';width:22px;height:22px;border-radius:50%;border:2px solid #243557;flex:none;display:grid;place-items:center;font-size:12px;transition:.4s}
.ob-build li.on{color:#fff;opacity:1}
.ob-build li.on:before{content:'✓';background:var(--lime);border-color:var(--lime);color:#050B17;font-weight:800}
.ob-ficha>:first-child{margin-top:0}
.ob-card{margin-top:6px;padding:8px 20px}
.ob-row{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #1D2A44;font-size:13px;line-height:1.55;align-items:start}
.ob-row:last-child{border:0}
.ob-row>span{color:var(--muted);font-weight:700;font-size:12px}
.ob-row .chip{margin:0 6px 6px 0}
.ob-json{margin-top:16px;font-size:12px;color:var(--muted)}
.ob-json summary{cursor:pointer;padding:6px 0}
.ob-json pre{background:#0D1626;border:1px solid #243557;border-radius:12px;padding:14px;overflow:auto;font-size:11px;line-height:1.6;color:#C2D8F3;max-height:260px}
.ob-actions{display:flex;gap:12px;justify-content:space-between;margin:22px 0 8px;flex-wrap:wrap}
.ob-actions .btn{padding:15px 24px;font-size:14px}
.ob button:focus-visible,.ob summary:focus-visible{outline:2px solid #7ED9F7;outline-offset:2px}
@media(max-width:720px){.ob-row{grid-template-columns:1fr;gap:4px}.ob-actions .btn{flex:1}.ob-cards.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.ob-track,.ob-bar span{transition:none}.ob-orb{animation:none}}

.splash .splash-micro{font-size:13px;margin:26px auto 0;max-width:340px;color:#9AA8C2;line-height:1.6}

.ob-slide h1:last-child,.ob-slide h1+.ob-body{margin-bottom:0}.ob-slide h1+.ob-body{margin-top:26px}

.goal-outro{grid-column:1/-1;display:flex;align-items:center;gap:14px;text-align:left}.goal-outro span{flex:none}.goal-outro strong{margin:0}.goal-outro small{margin-left:auto;text-align:right}.ob-outro{margin-top:14px}
.ob-slide{padding-bottom:56px}

.ob-add{display:flex;gap:10px;margin-top:22px;align-items:stretch}.ob-add .ob-input{flex:1;font-size:15px;padding:13px 16px}.ob-add .btn{padding:0 20px;font-size:13px;flex:none}
.chip.custom{display:inline-flex;align-items:center;gap:8px;padding-right:8px}.chip.custom:before{content:'+ ';color:var(--lime)}
.chip-x{background:#ffffff14;color:#fff;border-radius:50%;width:24px;height:24px;font-size:11px;display:grid;place-items:center}.chip-x:hover{background:#ffffff2e}

.ob-chips{display:flex;flex-wrap:wrap;gap:8px}
.ob-row .chip{margin:0}
.chip.static{display:inline-flex;align-items:center;white-space:nowrap;line-height:1.25;font-size:12px;padding:7px 12px;max-width:100%}
.chip.static:before{margin-right:5px}

.tipo-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #1D2A44;font-size:12px}.tipo-row:last-child{border:0}.tipo-row strong{color:var(--lime);font-size:12px}

.bar{background:linear-gradient(0deg,#4787D6,#7ED9F7)!important}.bar.ok{background:linear-gradient(0deg,#26AE5F,#3ABC74)!important}
.chart{position:relative}
.check.locked{cursor:help;opacity:.9}
.cv-regra{background:#0D1626;border:1px solid #243557;border-left:3px solid var(--lime);border-radius:14px;padding:14px 18px;font-size:13px;margin:-6px 0 22px;color:#C2D8F3}
.cv-form{display:grid;gap:16px;margin-bottom:12px}.cv-field label{display:block;font:700 12px Nunito,sans-serif;margin-bottom:7px;color:#C2D8F3}.cv-field label small{color:var(--muted);font-weight:600}
.cv-in{font-size:14px;padding:12px 14px}.cv-field.err .cv-in{border-color:#D24B3E}.cv-erro{margin:6px 0 0;font-size:12px;color:#F29A92}
.cv-ok{margin-top:16px;border-color:#26AE5F66}

.btn.mini{padding:7px 12px;font-size:11px;margin-left:auto;flex:none}

button.day-card{font:inherit;color:inherit;cursor:pointer;transition:.2s}button.day-card:hover:not(.lock){border-color:#4787D6}
.day-card.sel{border-color:var(--lime);background:#26AE5F1C}.day-card.lock{opacity:.5;cursor:not-allowed}
.aulao{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #1D2A44}.aulao:last-child{border:0}.aulao .event-info small{display:block;margin-top:4px;color:var(--muted);font-size:10px}

.atv-status{display:flex;gap:12px;align-items:flex-start;background:#0D1626;border:1px solid #243557;border-radius:14px;padding:14px 16px;margin:0 0 20px}.atv-status>span{width:24px;height:24px;border-radius:50%;border:2px solid #243557;display:grid;place-items:center;font-size:12px;flex:none;color:var(--muted)}
.atv-status strong{display:block;font-size:13px}.atv-status small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:3px}.atv-status.ok{border-color:#26AE5F66}.atv-status.ok>span{background:var(--lime);border-color:var(--lime);color:#050B17;font-weight:800}
.atv-nav{display:flex;justify-content:space-between;gap:12px;margin:26px 0 8px;flex-wrap:wrap}.atv-nav .btn{padding:14px 20px;font-size:13px}
.leitura-barra{position:sticky;top:0;z-index:4;height:5px;background:#1D2A44;border-radius:9px;margin-bottom:16px;overflow:hidden}.leitura-barra span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--lime));transition:width .2s}
.materia{padding:28px}.materia h2{font:800 24px Poppins,sans-serif;letter-spacing:-.6px;margin:0 0 10px}.materia .lead{color:#C2D8F3;font-size:15px;line-height:1.7;margin:0 0 20px}.materia section{margin:26px 0}.materia h3{font:700 16px Poppins,sans-serif;margin:0 0 8px}.materia p{font-size:14px;line-height:1.75;color:#D5DCE8;margin:0}
.exs{display:grid;gap:10px;margin-top:14px}.ex{background:#0A1220;border:1px solid #1D2A44;border-left:3px solid var(--lime);border-radius:12px;padding:12px 16px}.ex strong{display:block;font-size:15px}.ex small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.nota{background:#26AE5F14;border:1px solid #26AE5F55;border-radius:14px;padding:16px 18px;margin-top:28px}.nota p{margin-top:8px}
.quiz-prog{margin-bottom:16px}.quiz{padding:26px}.quiz h2{font:700 20px/1.35 Poppins,sans-serif;margin:0 0 20px}
.opt.certo{border-color:var(--lime);background:#26AE5F26}.opt.errado{border-color:#D24B3E;background:#D24B3E1F}.opt:disabled{cursor:default;transform:none}
.quiz-fb{margin-top:18px;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:700}.quiz-fb.ok{background:#26AE5F22;color:#93DEB4}.quiz-fb.no{background:#D24B3E22;color:#F29A92}
.quiz-fim{text-align:center;padding:32px}.quiz-fim .metric{margin:12px 0}
.papo{padding:22px}.papo .chat-messages{display:grid;gap:12px;margin-bottom:6px}
.vocab-prog{margin-bottom:18px}.vocab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}
.vocab{text-align:left;background:#0D1626;border:1px solid #243557;border-radius:16px;padding:16px 18px;color:var(--text);cursor:pointer;transition:.2s;font:inherit}.vocab:hover{border-color:#4787D6}.vocab.open{border-color:var(--lime);background:#26AE5F14}
.vocab-top{display:flex;justify-content:space-between;align-items:center}.vocab-top strong{font:700 17px Poppins,sans-serif}.som{font-size:14px;opacity:.8}
.vocab-det{display:none;margin-top:12px;font-size:13px;line-height:1.6}.vocab.open .vocab-det{display:block}.vocab-det b{display:block;color:#93DEB4}.vocab-det em{display:block;margin-top:6px;color:#C2D8F3}.vocab-det small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:720px){.vocab-grid{grid-template-columns:1fr}.materia{padding:20px}}

.wa{max-width:560px;margin:0 auto;height:min(66vh,600px);display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid #1f2c34;background:#0b141a}
.wa-head{display:flex;align-items:center;gap:12px;background:#202c33;padding:10px 14px}.wa-head strong{display:block;font-size:15px}.wa-head small{display:block;font-size:11px;color:#8696a0}.wa-av{width:38px;height:38px;margin:0!important;box-shadow:none!important}
.wa-modo{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.5px;color:#8696a0;border:1px solid #2a3942;border-radius:99px;padding:5px 10px}
.wa-msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:6px;background:#0b141a;background-image:radial-gradient(#ffffff08 1px,transparent 1px);background-size:18px 18px}
.wa-dia{align-self:center;background:#182229;color:#8696a0;font-size:11px;font-weight:700;padding:5px 12px;border-radius:8px;margin-bottom:6px}
.wa-msg{display:flex}.wa-msg.eu{justify-content:flex-end}
.wa-b{position:relative;max-width:82%;background:#202c33;color:#e9edef;border-radius:10px;border-top-left-radius:2px;padding:8px 10px 18px;font-size:14px;line-height:1.45;min-width:80px}
.wa-msg.eu .wa-b{background:#005c4b;border-top-left-radius:10px;border-top-right-radius:2px}
.wa-hora{position:absolute;right:8px;bottom:3px;font-size:10px;color:#ffffff99}.wa-tick{font-style:normal;color:#53bdeb;letter-spacing:-2px}
.wa-audio{display:flex;align-items:center;gap:10px;padding:10px 12px 20px;min-width:230px}.wa-play{width:34px;height:34px;border-radius:50%;background:#ffffff1f;color:#e9edef;font-size:13px;display:grid;place-items:center;flex:none}
.wa-onda{display:flex;align-items:center;gap:2px;height:26px;flex:1}.wa-onda i{display:block;width:3px;background:#8696a0;border-radius:2px;transition:background .15s}.wa-onda i.on{background:#e9edef}.wa-dur{font-size:11px;color:#ffffffb3;flex:none}
.wa-fb{background:#182229;border:1px solid #2a3942;max-width:90%;padding:12px 14px 22px}.wa-fb-t{display:block;font-size:10px;font-weight:800;letter-spacing:1px;color:#7ED9F7;margin-bottom:8px}
.wa-frase{margin:0 0 10px;line-height:2}.pw{display:inline-block;padding:2px 8px;border-radius:7px;font-weight:700;font-style:normal;font-size:13px}.pw.ok{background:#26AE5F33;color:#93DEB4}.pw.warn{background:#E8B93A33;color:#F3D77F}.pw.bad{background:#D24B3E33;color:#F29A92}
.wa-dica{margin:4px 0;font-size:13px;color:#d1d7db}.wa-leg{display:block;margin-top:10px;font-size:10px;color:#8696a0}.wa-leg .pw{font-size:10px;padding:1px 6px}
.wa-comp{display:flex;align-items:center;gap:8px;background:#202c33;padding:8px 10px}.wa-campo{flex:1;text-align:left;background:#2a3942;color:#8696a0;border-radius:22px;padding:12px 16px;font-size:13px}
.wa-send{width:44px;height:44px;border-radius:50%;background:#00a884;color:#fff;font-size:18px;display:grid;place-items:center;flex:none}.wa-ic{width:40px;height:40px;font-size:18px;flex:none;background:none}
.wa-rec{flex:1;display:flex;align-items:center;gap:12px;background:#2a3942;border-radius:22px;padding:10px 16px}.wa-dot{width:10px;height:10px;border-radius:50%;background:#f15c6d;animation:waPulse 1s infinite}@keyframes waPulse{50%{opacity:.25}}
#waTimer{font-size:13px;min-width:34px}.wa-onda.rec i{height:18px;animation:waBar .8s ease-in-out infinite}@keyframes waBar{50%{height:6px}}

.cel-regra{background:#0A1220;border:1px solid #1D2A44;border-left:3px solid #4787D6;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.6;color:#C2D8F3;margin-top:14px}
.cel-btn{text-align:left;font-size:12px;line-height:1.4}
.cel-msgs{display:grid;gap:10px;max-height:300px;overflow:auto;margin:16px 0 0}
.pt-nota{display:block;margin-top:8px;font-size:10px;color:#A8E8FF;opacity:.85}
.cel-ferr{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.cel-trad{display:flex;gap:6px;margin-left:auto}.cel-trad input{background:#111421;border:1px solid #324058;border-radius:10px;color:#fff;padding:8px 10px;font:12px Nunito,sans-serif;width:150px}
.dados-resp{margin-top:8px;padding-top:18px;border-top:1px solid #1D2A44}
select.ob-input{appearance:auto}

/* menu sanfonado (hambúrguer) só no celular */
.menu-btn,.drawer,.drawer-bg{display:none}
@media(max-width:720px){
 .mobile-head{gap:10px}.mobile-head .streak{margin-left:auto}
 .menu-btn{display:grid;gap:4px;width:44px;height:44px;place-content:center;background:#0D1626;border:1px solid var(--line);border-radius:12px;flex:none}
 .menu-btn span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .25s}
 body.menu-open .menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 body.menu-open .menu-btn span:nth-child(2){opacity:0}
 body.menu-open .menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .drawer-bg{display:block;position:fixed;inset:0;background:#000b;opacity:0;pointer-events:none;transition:opacity .25s;z-index:30}
 .drawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:min(86vw,330px);background:#0B1120;border-left:1px solid #1D2A44;transform:translateX(105%);transition:transform .3s cubic-bezier(.22,.8,.24,1);z-index:31;padding:18px 14px calc(22px + env(safe-area-inset-bottom));overflow-y:auto;visibility:hidden}
 body.menu-open .drawer{transform:none;visibility:visible}
 body.menu-open .drawer-bg{opacity:1;pointer-events:auto}
 .drawer-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.drawer-top .brand{padding:0;font-size:19px}
 .drawer-x{width:40px;height:40px;border-radius:12px;background:#0D1626;border:1px solid var(--line);font-size:15px}
 .drawer .nav button{padding:14px 13px;font-size:14px}
 .drawer-user{margin-top:auto;padding-top:18px;border-top:1px solid #1D2A44}
 .mobile-nav{z-index:20}
}
@media(prefers-reduced-motion:reduce){.drawer,.drawer-bg,.menu-btn span{transition:none}}

details.proj{margin-top:14px;border-top:1px solid #1D2A44;padding-top:12px}details.proj summary{cursor:pointer;color:var(--lime);font-size:12px;font-weight:700;list-style:none}details.proj summary::-webkit-details-marker{display:none}details.proj summary:before{content:'+ ';font-weight:800}details.proj[open] summary:before{content:'− '}
details.proj p{font-size:12px;line-height:1.7;color:#C2D8F3;margin:10px 0 0}details.proj summary:focus-visible{outline:2px solid #7ED9F7;outline-offset:3px;border-radius:4px}

.recomp{margin-top:16px;display:grid;gap:8px}.rec{display:flex;gap:12px;align-items:center;background:#0A1220;border:1px solid #1D2A44;border-radius:12px;padding:10px 14px;opacity:.65}.rec.on{opacity:1;border-color:#26AE5F66}.rec>span{width:22px;text-align:center;flex:none}.rec strong{display:block;font-size:12px}.rec small{display:block;color:var(--muted);font-size:10px;margin-top:2px;line-height:1.4}.rec em{margin-left:auto;font-style:normal;font-size:10px;color:var(--muted)}
.mis{margin-bottom:12px}.mis .between{font-size:12px;margin-bottom:6px}.mis strong{font-size:12px;color:var(--lime)}
.patamares{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.pat{font-size:11px;font-weight:700;padding:6px 12px;border-radius:99px;border:1px solid #243557;color:var(--muted)}.pat.past{color:#93DEB4;border-color:#26AE5F55}.pat.on{background:#26AE5F22;border-color:var(--lime);color:#fff}
.exped{display:flex;align-items:center;gap:4px;margin:16px 0 14px;overflow-x:auto}.exped i{flex:1;height:2px;background:#243557;min-width:8px}.reg{display:grid;justify-items:center;gap:4px;min-width:50px;opacity:.5}.reg span{font-size:24px}.reg small{font-size:10px;color:var(--muted)}.reg.feito{opacity:1}.reg.feito small{color:#93DEB4}.reg.atual{opacity:1;filter:drop-shadow(0 0 8px #7ED9F7)}.reg.atual small{color:#fff;font-weight:700}
.voto{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:#0A1220;border:1px solid #243557;border-radius:12px;padding:12px 14px;margin-bottom:8px;color:var(--text);font-size:12px;overflow:hidden;transition:.2s}.voto:not(:disabled):hover{border-color:#4787D6}.voto.on{border-color:var(--lime)}.voto span,.voto strong{position:relative;z-index:1}.voto i{position:absolute;left:0;top:0;bottom:0;background:#26AE5F1F;display:block}.voto:disabled{cursor:default}
.tres-xp .metric{margin:8px 0 4px}

.gwrap{display:flex;flex-direction:column}.gwrap .goal{height:100%}.gwrap details.proj{padding:10px 4px 0}.gwrap details.proj p{font-size:12px}
.terr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.terr-i{text-align:center;background:#0A1220;border:1px solid #1D2A44;border-radius:12px;padding:12px 6px;opacity:.55}.terr-i.on{opacity:1;border-color:#26AE5F66}.terr-i span{font-size:26px;display:block}.terr-i strong{display:block;font-size:12px;margin-top:4px}.terr-i small{font-size:9px;color:var(--muted);letter-spacing:1px}
.estrelas{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.estr{display:flex;gap:8px;align-items:center;background:#0A1220;border:1px solid #1D2A44;border-radius:12px;padding:10px 12px;opacity:.6}.estr.on{opacity:1;border-color:#E8B93A66}.estr span{font-size:18px}.estr small{font-size:11px;line-height:1.35}
.orion-desafio{background:#0A1220;border:1px solid #243557;border-left:3px solid #7ED9F7;border-radius:12px;padding:14px 16px}
button[disabled].btn{opacity:.55;cursor:default}

.brasao-wrap{display:grid;place-items:center;flex:none}.guild .brasao-wrap{margin-right:2px}
.opt.com-b{display:flex;align-items:center;gap:16px}.opt.com-b strong{font-size:15px}
.ob-cards .goal .brasao-wrap{margin:0 0 8px;justify-items:start}

.selo{display:block;font-size:9px;font-weight:700;letter-spacing:.3px;margin-top:3px;color:var(--muted)}.selo.sistema{color:#7ED9F7}.selo.conta{color:#93DEB4}.selo.palavra{color:#F3D77F}.selo.nao{color:#8FA0BD}

.quiz-dica{margin-top:16px;padding:12px 16px;border-radius:12px;background:#E8B93A1F;border:1px solid #E8B93A55;color:#F3D77F;font-size:13px;line-height:1.6}
.quiz-conf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#C2D8F3}

.quiz-xp{display:inline-block;margin:0 0 12px;padding:5px 14px;border-radius:99px;background:#26AE5F22;color:#93DEB4;font-weight:800;font-size:13px}

.demo-tag{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#F3D77F;border:1px solid #E8B93A66;background:#E8B93A1A;border-radius:99px;padding:6px 10px}
.trial-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;border-color:#26AE5F66;background:linear-gradient(120deg,#0F2A24,#0D1626)}.trial-banner .btn{flex:none}
@media(max-width:720px){.trial-banner{flex-direction:column;align-items:flex-start}.trial-banner .btn{width:100%}}
.btn.perigo{background:#D24B3E;color:#fff;border-color:#D24B3E}

.splash-retomar{font-size:12px;color:#9FB3C8;margin:0 0 14px}

.conta{max-width:420px;margin:0 auto;text-align:left;gap:0}
.conta h1{font-size:28px;line-height:1.15;margin:6px 0 10px}
.conta .ob-input{margin-top:12px;width:100%}
.conta .btn{width:100%;margin-top:16px}
.conta-links{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:18px}
.conta-erro{color:#FF8A80;font-size:12px;margin:12px 0 0;line-height:1.5}
.conta-msg{color:#7FE0A8;font-size:12px;margin:12px 0 0}
.conta-cartao{margin-top:16px}.conta-cartao .btn{margin-top:4px}.conta-hr{border:0;border-top:1px solid #ffffff14;margin:18px 0}
.conta-confirma{margin-top:16px;border-color:#D24B3E66}

/* botão de volta para a área do aluno (aluno matriculado) */
.nav button.nav-area{font-weight:700;margin-bottom:10px;border:1px solid rgba(120,160,220,.35);background:rgba(120,160,220,.08)}
/* opção ESCOLHIDA (antes de responder): destaque forte e visível em todas as práticas de múltipla escolha */
.opt.sel{border-color:var(--lime);background:#26AE5F2E;box-shadow:0 0 0 2px var(--lime) inset;color:#fff;font-weight:700}
.opt.sel::before{content:'● ';color:var(--lime)}

/* ===== Tutorial de primeiro acesso (tutorial.js) ===== */
.tut{position:fixed;inset:0;z-index:1000}
.tut-block{position:absolute;inset:0}
.tut-hole{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(5,11,23,.78),0 0 0 3px var(--teal),0 0 24px 6px #7ED9F755;pointer-events:none;transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease}
.tut.sem-alvo .tut-block{background:rgba(5,11,23,.78)}
.tut-card{position:fixed;width:calc(100vw - 24px);background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:18px 18px 14px;box-shadow:0 18px 50px #000a;transition:left .25s ease,top .25s ease}
.tut-dots{display:flex;gap:5px;margin-bottom:10px}
.tut-dot{width:7px;height:7px;border-radius:50%;background:#2A3C5F}
.tut-dot.on{background:var(--teal);width:18px;border-radius:4px}
.tut-t{display:block;font:700 17px Poppins,sans-serif;margin-bottom:6px}
.tut-x{margin:0 0 14px;font-size:14px;line-height:1.55;color:#C9D4EA}
.tut-acoes{display:flex;gap:8px;justify-content:flex-end}
.tut-b{min-height:40px;padding:0 18px}
.tut-pular{display:block;margin:10px auto 0;background:none;color:var(--muted);font-size:12px;text-decoration:underline}
@media(prefers-reduced-motion:reduce){.tut-hole,.tut-card{transition:none}}

/* trilha de dias do curso (revisão): rolável, sem barra visível */
.dc-trilha{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.dc-trilha::-webkit-scrollbar{display:none}.dc-trilha .day-card{scroll-snap-align:center}