:root{--al-bg:#f6f7fb;--al-surface:#fff;--al-ink:#111827;--al-muted:#667085;--al-line:#e7eaf0;--al-brand:#ff6b35;--al-brand2:#ff8a65;--al-navy:#101828;--al-green:#12b76a;--al-shadow:0 18px 50px rgba(16,24,40,.08);--al-radius:24px}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 90% -10%,rgba(255,107,53,.10),transparent 28%),var(--al-bg)!important;color:var(--al-ink)!important}a{transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}button,.btn,input,textarea,select{font-family:inherit}button,.btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}button:hover,.btn:hover{transform:translateY(-1px)}
.site-header,body>header,.top{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,234,240,.9)!important;box-shadow:0 8px 30px rgba(16,24,40,.04)}
.site-nav,.top,.container nav{min-height:72px}.brand-mark{box-shadow:0 8px 20px rgba(255,107,53,.22)!important}.brand-word b,.logo span,.logo b{color:var(--al-brand)!important}.main-nav a{border-radius:12px}.main-nav a:hover{background:#fff3ee}.main-nav a.active{background:#fff0e9!important;color:#d94d1d!important}
.home-main{padding-top:30px!important;padding-bottom:70px}.welcome-row{align-items:center}.welcome h1{letter-spacing:-.8px}.streak-pill{border:1px solid #ffd4c6!important;background:linear-gradient(135deg,#fff8f5,#fff)!important;box-shadow:0 10px 30px rgba(255,107,53,.08)}
.learning-goal,.panel,.today-card,.course-option,.vocab-day,.card,.note,.review,.hero,.hero-card,.ai-assistant-card{box-shadow:var(--al-shadow)!important;border-color:var(--al-line)!important}.learning-goal{background:rgba(255,255,255,.92)!important}.goal-option{background:#fbfcfe!important}.goal-option:hover{background:#fff!important}.goal-option.selected{box-shadow:0 0 0 2px rgba(18,183,106,.12),0 12px 28px rgba(18,183,106,.10)!important}
.hero-card{border-radius:30px!important;overflow:hidden;background:linear-gradient(135deg,#101828 0%,#172554 100%)!important}.hero-copy{padding:34px!important}.hero-eyebrow,.vocab-badge,.eyebrow{letter-spacing:.5px}.btn-primary,.orange,.fullbtn{background:linear-gradient(135deg,var(--al-brand),#ff7a45)!important;box-shadow:0 10px 24px rgba(255,107,53,.22)}.btn-ghost{border:1px solid rgba(255,255,255,.18)!important}.video-thumb{border-radius:22px!important}.video-thumb img{transition:transform .5s ease}.video-thumb:hover img{transform:scale(1.04)}
.section{margin-top:30px!important}.section-head{margin-bottom:14px}.section-head h2{letter-spacing:-.4px}.today-grid,.stats-grid,.grid{gap:14px!important}.today-card{border-radius:20px!important;background:linear-gradient(180deg,#fff,#fbfcff)!important}.icon-box,.stat-icon{box-shadow:0 7px 18px rgba(16,24,40,.07)}
.ai-assistant-card{border-radius:24px!important;background:linear-gradient(135deg,#111827,#172554)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important}.ai-assistant-card p{color:#cbd5e1!important}.ai-assistant-btn{box-shadow:0 10px 25px rgba(0,0,0,.18)}
.mobile-bottom{box-shadow:0 -10px 35px rgba(16,24,40,.10)!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)}
/* content pages */
body>header .container,body>header .container nav{max-width:1180px;margin:auto}.wrap,.lessons-content,.vocab-content{max-width:980px!important}.topline{background:rgba(255,255,255,.88)!important;border:1px solid var(--al-line)!important;box-shadow:var(--al-shadow)!important;border-radius:18px!important;padding:15px 18px!important;margin-bottom:18px}.topline a{color:#d94d1d!important;font-weight:900}
.hero{background:linear-gradient(135deg,#101828,#172554)!important;color:#fff!important;border-radius:28px!important}.hero p{color:#d0d5dd!important}.grid .card{background:#fff!important}.card:hover,.course-option:hover,.vocab-day:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(16,24,40,.10)!important}
.review,.vocab-hero{border-radius:28px!important}.vocab-hero{background:linear-gradient(135deg,#101828,#312e81)!important}.vocab-progress span{background:linear-gradient(90deg,#ff6b35,#ff9b78)!important}
/* player */
.player-shell,main.container{max-width:1180px!important}.player video{border-radius:24px!important}.navlessons a{border-radius:14px!important}.panel{background:#fff!important}
/* forms/admin */
.box,.panel,.upload,.lesson-dict-box{border-radius:22px!important;box-shadow:var(--al-shadow)!important;border-color:var(--al-line)!important}.box{background:rgba(255,255,255,.96)!important}.field-label{font-weight:900!important;color:#344054!important}input,textarea,select{border:1px solid #dfe3ea!important;border-radius:14px!important;background:#fff!important;min-height:46px}textarea{line-height:1.9}input:focus,textarea:focus,select:focus{outline:0!important;border-color:#ff9b78!important;box-shadow:0 0 0 4px rgba(255,107,53,.10)!important}.dict-table-wrap{border-radius:18px!important;border:1px solid var(--al-line)!important;overflow:auto}.dict-table th{background:#f8fafc!important;position:sticky;top:0;z-index:1}.status,.dict-generated-notice{border-radius:14px!important}
@media(max-width:700px){.home-main{padding:20px 14px 90px!important}.welcome-row{gap:12px}.hero-card{grid-template-columns:1fr!important}.hero-copy{padding:24px!important}.hero-media{min-height:210px}.section{margin-top:22px!important}.grid,.stats-grid,.today-grid{grid-template-columns:1fr 1fr!important}.main-nav{display:none!important}.user-greeting{display:none}.top{padding:0 14px!important}.wrap{padding:20px 14px 70px!important}.hero h1{font-size:24px}.card{padding:16px!important}.learning-goal{padding:16px!important}.goal-options{gap:8px}.ai-assistant-card{padding:18px!important}.ai-assistant-btn{width:100%;margin-top:12px}}
@media(max-width:430px){.grid,.stats-grid,.today-grid{grid-template-columns:1fr!important}.streak-pill{padding:9px 12px!important}.hero-actions{display:grid!important;grid-template-columns:1fr}.hero-actions .btn{width:100%;text-align:center}.goal-option{padding:13px 9px}}

/* Almano Play — gamified dashboard layer */
.level-dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr);gap:14px;margin:0 0 22px}
.level-card,.activity-card{background:#fff;border:1px solid var(--al-line);border-radius:24px;box-shadow:var(--al-shadow)}
.level-card{display:flex;align-items:center;gap:18px;padding:18px 20px;min-height:150px}
.level-orb{width:82px;height:82px;flex:0 0 82px;border-radius:27px;background:linear-gradient(145deg,#101828,#243b78);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(16,24,40,.18);transform:rotate(-2deg)}
.level-orb span{font-size:9px;letter-spacing:1.5px;color:#aebcff;font-weight:900}.level-orb strong{font-size:31px;line-height:1}
.level-copy{min-width:0;flex:1}.level-top{display:flex;justify-content:space-between;gap:10px;color:var(--al-muted);font-size:10px;font-weight:800}.level-top b{color:#d94d1d}.level-copy h2{font-size:17px;margin:8px 0 2px;letter-spacing:-.2px}.level-copy p{font-size:10px;color:var(--al-muted);margin:0 0 10px}.level-track{height:9px;background:#edf0f5;border-radius:99px;overflow:hidden}.level-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff6b35,#ff9b78);box-shadow:0 4px 12px rgba(255,107,53,.25)}.level-foot{display:flex;justify-content:space-between;color:#98a2b3;font-size:8px;margin-top:6px}
.activity-card{padding:17px}.activity-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.activity-head strong{display:block;font-size:14px}.activity-head span{display:block;color:var(--al-muted);font-size:9px;margin-top:3px}.activity-head a{font-size:9px;color:#d94d1d;font-weight:900;text-decoration:none}.activity-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.activity-day{aspect-ratio:1;border-radius:11px;background:#f1f3f7;color:#98a2b3;display:grid;place-items:center;font-size:9px;font-weight:900;border:1px solid transparent}.activity-day.active{background:#fff0e9;color:#d94d1d;border-color:#ffd4c6;box-shadow:inset 0 0 0 1px rgba(255,107,53,.05)}.activity-day.today{outline:2px solid #101828;outline-offset:2px}.activity-legend{display:flex;gap:12px;margin-top:12px;color:#98a2b3;font-size:8px}.activity-legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#e4e7ec}.dot.active{background:#ff6b35}
.achievements-section{margin-top:25px}.achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.achievement{display:flex;align-items:center;gap:10px;background:#f8f9fb;border:1px solid var(--al-line);border-radius:18px;padding:13px;opacity:.58;filter:grayscale(.25)}.achievement>span{width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:#edf0f4;display:grid;place-items:center;font-size:20px}.achievement strong{display:block;font-size:11px}.achievement small{display:block;color:#98a2b3;font-size:8px;line-height:1.7;margin-top:2px}.achievement.unlocked{opacity:1;filter:none;background:#fff}.achievement.unlocked>span{background:#fff0e9;box-shadow:0 7px 15px rgba(255,107,53,.10)}
@media(max-width:850px){.level-dashboard{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.level-card{padding:15px;gap:13px}.level-orb{width:68px;height:68px;flex-basis:68px;border-radius:22px}.level-orb strong{font-size:25px}.level-copy h2{font-size:14px}.activity-card{padding:14px}.activity-days{gap:5px}.achievement-grid{grid-template-columns:1fr}.achievement{padding:11px}}

/* Almano Play — gamified dashboard layer */
.level-dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr);gap:14px;margin:0 0 22px}
.level-card,.activity-card{background:#fff;border:1px solid var(--al-line);border-radius:24px;box-shadow:var(--al-shadow)}
.level-card{display:flex;align-items:center;gap:18px;padding:18px 20px;min-height:150px}
.level-orb{width:82px;height:82px;flex:0 0 82px;border-radius:27px;background:linear-gradient(145deg,#101828,#243b78);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(16,24,40,.18);transform:rotate(-2deg)}
.level-orb span{font-size:9px;letter-spacing:1.5px;color:#aebcff;font-weight:900}.level-orb strong{font-size:31px;line-height:1}
.level-copy{min-width:0;flex:1}.level-top{display:flex;justify-content:space-between;gap:10px;color:var(--al-muted);font-size:10px;font-weight:800}.level-top b{color:#d94d1d}.level-copy h2{font-size:17px;margin:8px 0 2px;letter-spacing:-.2px}.level-copy p{font-size:10px;color:var(--al-muted);margin:0 0 10px}.level-track{height:9px;background:#edf0f5;border-radius:99px;overflow:hidden}.level-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff6b35,#ff9b78);box-shadow:0 4px 12px rgba(255,107,53,.25)}.level-foot{display:flex;justify-content:space-between;color:#98a2b3;font-size:8px;margin-top:6px}
.activity-card{padding:17px}.activity-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.activity-head strong{display:block;font-size:14px}.activity-head span{display:block;color:var(--al-muted);font-size:9px;margin-top:3px}.activity-head a{font-size:9px;color:#d94d1d;font-weight:900;text-decoration:none}.activity-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.activity-day{aspect-ratio:1;border-radius:11px;background:#f1f3f7;color:#98a2b3;display:grid;place-items:center;font-size:9px;font-weight:900;border:1px solid transparent}.activity-day.active{background:#fff0e9;color:#d94d1d;border-color:#ffd4c6;box-shadow:inset 0 0 0 1px rgba(255,107,53,.05)}.activity-day.today{outline:2px solid #101828;outline-offset:2px}.activity-legend{display:flex;gap:12px;margin-top:12px;color:#98a2b3;font-size:8px}.activity-legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#e4e7ec}.dot.active{background:#ff6b35}
.achievements-section{margin-top:25px}.achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.achievement{display:flex;align-items:center;gap:10px;background:#f8f9fb;border:1px solid var(--al-line);border-radius:18px;padding:13px;opacity:.58;filter:grayscale(.25)}.achievement>span{width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:#edf0f4;display:grid;place-items:center;font-size:20px}.achievement strong{display:block;font-size:11px}.achievement small{display:block;color:#98a2b3;font-size:8px;line-height:1.7;margin-top:2px}.achievement.unlocked{opacity:1;filter:none;background:#fff}.achievement.unlocked>span{background:#fff0e9;box-shadow:0 7px 15px rgba(255,107,53,.10)}
@media(max-width:850px){.level-dashboard{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.level-card{padding:15px;gap:13px}.level-orb{width:68px;height:68px;flex-basis:68px;border-radius:22px}.level-orb strong{font-size:25px}.level-copy h2{font-size:14px}.activity-card{padding:14px}.activity-days{gap:5px}.achievement-grid{grid-template-columns:1fr}.achievement{padding:11px}}
