/* NEXA v26 — editorial ocean interface, responsive and reduced-motion aware */
:root{--v26-ink:#102b4e;--v26-muted:#68809a;--v26-blue:#0878dc;--v26-cyan:#23c4df;--v26-border:#d8e7f4;--v26-surface:rgba(255,255,255,.9);--v26-shadow:0 18px 48px rgba(15,65,112,.10)}
*{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 5% 0%,#d7edff 0,transparent 38%),radial-gradient(ellipse at 95% 22%,#d2f6f2 0,transparent 34%),linear-gradient(150deg,#f8fbff,#edf5ff 58%,#f7fbff);color:var(--v26-ink)}
.topbar{height:88px;background:linear-gradient(112deg,#061d42 0%,#07589b 48%,#0788cb 100%);border-bottom:1px solid #ffffff55;box-shadow:0 14px 38px #073c7330;position:sticky;top:0;z-index:70}.brand{letter-spacing:2px}.brand-mark{width:54px;height:54px;border-radius:19px;overflow:hidden;background:#fff;border:2px solid #a9dcff;box-shadow:0 0 0 5px #ffffff16,0 12px 26px #001d4850}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand small{letter-spacing:2.4px}
.layout{max-width:1560px;grid-template-columns:248px minmax(0,1fr);gap:28px}.sidebar{border:1px solid var(--v26-border);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:var(--v26-shadow);backdrop-filter:blur(18px)}.nav-item{font-size:13px;padding:13px 14px;border-radius:14px}.nav-item.active{background:linear-gradient(100deg,#e2f2ff,#f3faff);box-shadow:inset 3px 0 #087ddd;color:#075caa}.nav-title{letter-spacing:1.6px;font-size:10px}.main{min-width:0;padding-bottom:110px}.dev-apology{border:1px solid #d4e8f8;background:#ffffffa8;border-radius:16px;color:#56708d}
.hero-v19{min-height:340px;border-radius:30px;padding:clamp(24px,4vw,48px);background:linear-gradient(118deg,#052b60 0%,#076cb5 48%,#17b3d1 100%);box-shadow:0 26px 64px #07558d35}.hero-v19:after{width:430px;height:430px;right:3%;top:-165px;border-color:#ffffff50;box-shadow:0 0 0 28px #ffffff0c,0 0 0 66px #ffffff0a,0 0 0 112px #ffffff08}.hero-v19 .tag{font-size:10px;letter-spacing:2px}.hero-v19 h2{font-size:clamp(38px,5vw,62px);letter-spacing:-2px}.hero-v19 p{font-size:15px;line-height:1.7}.hero-ring{background:radial-gradient(circle at 35% 25%,#ffffffb0,#ffffff18 48%,#003b7d88 78%);box-shadow:inset 0 0 42px #ffffff66,0 25px 70px #002d5b77}.hero-orbit-card{border-radius:28px;transform:rotate(4deg)}
.tool-card,.prayer-dashboard,.chat-card,.ai-card{border:1px solid var(--v26-border);border-radius:24px;background:var(--v26-surface);box-shadow:var(--v26-shadow);backdrop-filter:blur(14px)}.feature,.dashboard-needs .feature,.home-tool-shortcuts .feature{border:1px solid #d5e7f6;border-radius:22px;background:linear-gradient(150deg,#fff,#f5faff);box-shadow:0 10px 26px #174b7910;min-height:132px;padding:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature:hover{transform:translateY(-5px);border-color:#83c7f3;box-shadow:0 18px 35px #1269b51b}.feature b{font-size:15px;letter-spacing:-.2px}.feature small{font-size:11px;line-height:1.5;color:#7388a0}.ficon{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#e3f4ff,#c8eaff);color:#086bb9;box-shadow:inset 0 0 0 1px #acd9f7}.page-title{align-items:flex-start;margin:8px 0 22px}.page-title h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.4px}.eyebrow{letter-spacing:2.2px;font-size:10px}.muted,.helper{color:#71849b;line-height:1.65}
.primary{border-radius:15px;background:linear-gradient(110deg,#0876d9,#18a4e2);box-shadow:0 10px 22px #0875d526;min-height:46px}.secondary{border-radius:13px;background:#eaf5ff;border:1px solid #c9e1f5;color:#075eaa;min-height:42px}.feature-grid,.tools-grid,.games-grid{gap:16px}.section-head{margin:28px 0 15px}.section-head h2{letter-spacing:-.8px}.ai-game-panel{margin:18px 0 22px;padding:24px}.ai-game-form{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:10px}.ai-game-output{margin-top:16px;min-height:54px;padding:16px;border-radius:16px;background:#f1f7ff;color:#244768;line-height:1.7}.ai-game-output .quiz-q{padding:14px 0;border-bottom:1px solid #d7e7f5}.ai-game-output button{margin:6px 6px 0 0}.game-launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0}.game-launch-grid .feature{min-height:110px;text-decoration:none;color:inherit}.game-launch-grid .feature span{font-size:9px;font-weight:900;letter-spacing:1.3px;color:#0780d7}
.gram-feed{display:grid;gap:18px}.gram-post{padding:22px}.gram-photo{max-height:620px;object-fit:cover;border-radius:18px}.gram-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.gram-actions button{font-size:12px}.gram-author{display:flex;align-items:center;gap:11px}.gram-author>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0876dc,#21bfd5);color:#fff;font-weight:900}.gram-author small{display:block;color:#7c90a7;margin-top:3px}.gram-compose{padding:22px;display:grid;gap:13px}.gram-compose textarea,.ai-compose textarea,input,select,textarea{border-radius:14px;border:1px solid #d3e3f0;background:#fbfdff;padding:13px 15px;color:#183656;outline:none}.gram-compose textarea:focus,input:focus,select:focus,textarea:focus{border-color:#4da8e7;box-shadow:0 0 0 3px #1687dc18}.gram-upload{display:inline-flex;align-items:center;gap:10px;padding:12px 15px;border:1px dashed #9dc8e8;border-radius:14px;width:max-content;max-width:100%}.gram-upload input{border:0;padding:0;max-width:210px}
.mobile-nav{background:linear-gradient(110deg,#061e44,#075b9d 55%,#087fc0);border-top:1px solid #ffffff45;box-shadow:0 -15px 35px #063a6b35;height:82px}.mobile-nav button.active:before{background:#ffffff20}.mobile-nav .nav-tools-main span{box-shadow:0 9px 24px #002a5b66}.settings-drawer{background:linear-gradient(180deg,#fff,#edf7ff)}
body.dark{background:radial-gradient(ellipse at 5% 0%,#143d65,transparent 40%),#071a30;color:#e8f4ff}body.dark .tool-card,body.dark .prayer-dashboard,body.dark .chat-card,body.dark .ai-card,body.dark .sidebar,body.dark .feature,body.dark .dashboard-needs .feature,body.dark .home-tool-shortcuts .feature{background:#102a46eF;border-color:#284b6d;color:#e8f4ff}body.dark .ai-game-output{background:#0a2039;color:#d9edff}body.dark input,body.dark textarea,body.dark select{background:#0b223b;color:#e9f5ff;border-color:#31516e}body.dark .muted,body.dark .helper,body.dark .feature small{color:#a6bdd3}
@media(max-width:900px){.layout{grid-template-columns:1fr;gap:12px}.sidebar{border-radius:20px}.game-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-game-form{grid-template-columns:1fr 1fr}.ai-game-form button{grid-column:1/-1}}
@media(max-width:650px){.topbar{height:78px;padding:0 12px}.brand{font-size:20px}.brand-mark{width:46px;height:46px}.layout{padding:14px 12px 110px}.hero-v19{min-height:270px;padding:25px 20px}.hero-v19 .hero-content{max-width:72%}.hero-v19 h2{font-size:34px}.hero-v19 p{font-size:12px}.hero-art{right:-10%;width:46%}.hero-ring{width:190px}.hero-orbit-card{width:120px;height:105px}.hero-orbit-card b{font-size:23px}.game-launch-grid{gap:9px}.game-launch-grid .feature{min-height:105px;padding:14px}.ai-game-panel{padding:17px}.ai-game-form{grid-template-columns:1fr}.ai-game-form button{grid-column:auto}.gram-compose,.gram-post{padding:16px}.mobile-nav{height:76px}.main{padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}