:root{--appbar-h:62px;--sidebar-w:272px;--app-bg:#f4f7fa;--app-panel:#fff;--app-ink:#13233a;--app-muted:#6c7d90;--app-navy:#315f8c;--app-soft:#eaf0f6;--app-line:#dbe4ec;--app-radius:18px;--app-shadow:0 10px 30px rgba(32,56,82,.08)}
html{background:var(--app-bg)}
body{padding-top:var(--appbar-h)!important;background:linear-gradient(180deg,#f4f7fa 0%,#eef3f7 100%)!important;min-height:100vh}
.site-header{height:var(--appbar-h)!important;display:grid!important;grid-template-columns:48px 1fr 48px;align-items:center;padding:0 10px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--app-line)!important;box-shadow:0 5px 20px rgba(34,58,83,.07)!important;backdrop-filter:blur(14px);z-index:1450!important}
.site-header .app-brand{display:flex;align-items:center;justify-content:center;gap:9px;width:auto!important;padding:0!important;font-family:'Secular One','Rubik',sans-serif!important;font-size:18px!important;color:#234d75!important;white-space:nowrap}
.site-header .app-brand-mark{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#315f8c,#7295b5);color:#fff;display:grid;place-items:center;font-family:'Rubik';font-weight:900;font-size:14px;box-shadow:0 7px 15px rgba(49,95,140,.2)}
.app-menu-btn,.app-account-btn,.app-sidebar-close{border:0;background:transparent;color:var(--app-ink);cursor:pointer;display:grid;place-items:center}
.app-menu-btn{width:42px;height:42px;border-radius:13px;font-size:23px}
.app-account-btn{width:40px;height:40px;border-radius:50%;background:var(--app-soft);color:var(--app-navy);font-weight:900;font-size:16px;text-decoration:none}
.app-menu-btn:hover,.app-account-btn:hover{background:#e4ecf3}
.app-sidebar-overlay{position:fixed;inset:0;background:rgba(16,31,48,.38);backdrop-filter:blur(2px);z-index:1490;opacity:0;pointer-events:none;transition:opacity .2s ease}
.app-sidebar{position:fixed;top:0;right:0;bottom:0;width:min(var(--sidebar-w),88vw);background:var(--app-panel);border-left:1px solid var(--app-line);box-shadow:-16px 0 38px rgba(25,50,75,.16);z-index:1500;transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column;overflow:hidden}
.app-sidebar.open{transform:translateX(0)}
.app-sidebar.open~.app-sidebar-overlay,.app-sidebar-overlay.open{opacity:1;pointer-events:auto}
body.app-nav-open{overflow:hidden}
.app-sidebar-head{padding:16px 15px 14px;border-bottom:1px solid #e5ebf0;display:flex;align-items:center;gap:10px;min-height:74px}
.app-sidebar-logo{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#315f8c,#789ab9);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px rgba(49,95,140,.2)}
.app-sidebar-brand{min-width:0;flex:1}.app-sidebar-brand b{font-family:'Secular One';font-size:19px;font-weight:400;color:#234d75;display:block}.app-sidebar-brand span{font-size:10px;color:#8492a1;display:block;margin-top:1px}
.app-sidebar-close{width:35px;height:35px;border-radius:11px;background:#f1f5f8;font-size:20px}
.app-sidebar-scroll{padding:12px 11px 20px;overflow:auto;overscroll-behavior:contain}
.app-profile-card{display:flex;align-items:center;gap:10px;background:linear-gradient(145deg,#f7fafc,#edf3f7);border:1px solid #dfe7ee;border-radius:16px;padding:10px 11px;margin-bottom:14px;text-decoration:none}
.app-profile-avatar{width:38px;height:38px;border-radius:50%;background:#315f8c;color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.app-profile-copy{min-width:0;flex:1}.app-profile-copy b{display:block;font-size:13px;color:#253f5d}.app-profile-copy span{display:block;font-size:10px;color:#7b8a99;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-profile-arrow{color:#8aa0b4;font-weight:900}
.app-nav-section{margin:0 0 15px}.app-nav-section-title{font-size:10px;font-weight:800;color:#93a0ad;padding:0 10px 6px;text-transform:none;letter-spacing:.2px}.app-nav-list{display:grid;gap:3px}.app-nav-link,.app-nav-group summary{min-height:43px;display:flex;align-items:center;gap:10px;border-radius:12px;padding:8px 10px;color:#465d73;text-decoration:none;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.app-nav-group summary::-webkit-details-marker{display:none}.app-nav-link:hover,.app-nav-group summary:hover{background:#f2f6f9;color:#284e73}.app-nav-link.active,.app-nav-group.active>summary{background:#e7eff6;color:#244f77;box-shadow:inset -3px 0 0 #315f8c}.app-nav-icon{width:30px;height:30px;border-radius:10px;background:#f0f4f7;display:grid;place-items:center;font-size:15px;flex:0 0 auto}.app-nav-link.active .app-nav-icon,.app-nav-group.active>summary .app-nav-icon{background:#d8e6f1}.app-nav-label{flex:1}.app-nav-badge{font-size:8px;background:#f2f5f7;color:#718295;border-radius:999px;padding:3px 6px;white-space:nowrap}.app-nav-badge.new{background:#e5f2ec;color:#41745a}.app-nav-caret{font-size:11px;color:#8a99a8;transition:transform .15s ease}.app-nav-group[open] .app-nav-caret{transform:rotate(90deg)}
.app-nav-sub{display:grid;gap:2px;padding:3px 39px 5px 5px}.app-nav-sub a{display:block;padding:8px 10px;border-radius:10px;color:#64778a;font-size:11px;font-weight:650;text-decoration:none}.app-nav-sub a:hover{background:#f4f7f9;color:#315f8c}.app-nav-sub a.active{background:#edf3f7;color:#315f8c;font-weight:800}
.app-admin-section{border-top:1px solid #e6ebf0;padding-top:12px;margin-top:6px}.app-sidebar-foot{margin-top:auto;padding:12px 14px 16px;border-top:1px solid #e8edf1;color:#8a98a7;font-size:9px;text-align:center;background:#fafcfd}.app-sidebar-foot a{text-decoration:underline;margin:0 3px}
.hero{padding-top:26px!important}.hero .wrap{background:rgba(255,255,255,.72);border:1px solid rgba(216,225,234,.86);border-radius:26px;padding:26px 20px;box-shadow:var(--app-shadow)}.hero h1{font-size:clamp(30px,7vw,48px)!important}.feature-grid{gap:10px!important;padding-top:14px!important}.feature-btn{border-radius:18px!important;min-height:82px!important;background:rgba(255,255,255,.9)!important;border:1px solid #dde6ee!important;box-shadow:0 7px 20px rgba(35,59,84,.06)!important}.feature-btn:nth-child(n){background:linear-gradient(145deg,#fff,#f1f5f8)!important}.feature-btn:hover{transform:translateY(-2px);box-shadow:0 11px 25px rgba(35,59,84,.1)!important}.feature-btn .bgicon{opacity:.1!important}.tool-shell,.account-card,.myths-hero,.myth-block,.myth-verdict,.community-card{border-radius:22px!important;box-shadow:var(--app-shadow)!important}.back-home{box-shadow:none!important}
@media(min-width:1000px){body{padding-right:var(--sidebar-w)!important}.site-header{right:var(--sidebar-w)!important;grid-template-columns:1fr 46px!important;padding:0 18px!important}.site-header .app-menu-btn{display:none}.site-header .app-brand{justify-content:flex-start!important;justify-self:start}.site-header .app-account-btn{grid-column:2}.app-sidebar{transform:none!important;box-shadow:0 0 0 transparent;border-left:1px solid var(--app-line);z-index:1300}.app-sidebar-close{display:none}.app-sidebar-overlay{display:none}.app-sidebar-head{min-height:var(--appbar-h);padding-top:10px;padding-bottom:10px}.app-sidebar-scroll{padding-top:14px}.app-sidebar-foot{padding-bottom:18px}.wrap{width:min(100% - 48px,1080px)!important}.account-wrap{width:min(100% - 48px,880px)!important}.tool-page{padding-top:24px!important}}
@media(max-width:999px){.site-header .app-brand-mark{display:none}.site-header .app-brand{font-size:16px!important}.site-header{grid-template-columns:44px 1fr 44px}.app-menu-btn{grid-column:1;grid-row:1}.site-header .app-brand{grid-column:2;grid-row:1}.app-account-btn{grid-column:3;grid-row:1}.app-sidebar{padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:480px){:root{--appbar-h:58px}.site-header .app-brand{font-size:15px!important}.hero{padding-top:14px!important}.hero .wrap{padding:20px 15px;border-radius:20px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.feature-btn{min-height:78px!important}.feature-btn .label{font-size:14px!important}.a11y-launcher{left:10px!important;bottom:10px!important}}
.a11y-contrast .app-sidebar,.a11y-contrast .site-header,.a11y-contrast .app-profile-card,.a11y-contrast .app-nav-link.active,.a11y-contrast .app-nav-group.active>summary{background:#000!important;color:#fff!important;border-color:#fff!important}.a11y-contrast .app-nav-link,.a11y-contrast .app-nav-group summary,.a11y-contrast .app-sidebar-brand b,.a11y-contrast .app-profile-copy b{color:#fff!important}


/* Compact, always visible tool navigation */
.app-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px}.app-quick-link{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid #cbd8e3;border-radius:14px;background:#f5f8fb;color:#254a6f}.app-quick-link.active{background:#dce8f2;border-color:#7896b1}.app-calculator-links{display:grid;gap:3px}.app-calculator-links .app-nav-icon{display:none}.app-calculator-links .app-nav-link{min-height:43px;padding:10px 12px}.app-nav-divider{height:1px;background:#d3dfe9;margin:10px 0}.site-legal-footer{color:#5d6e7f;padding:28px 16px 82px;font-size:12px;line-height:1.7}.site-legal-footer p{margin:0 0 10px}.site-legal-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px}.site-legal-footer a,.site-legal-footer button{color:inherit;text-decoration:underline}.site-legal-footer button{font:inherit;border:0;background:none;padding:0;cursor:pointer}.upcoming-app{max-width:960px;margin:26px auto;padding:24px;border:1px solid #cbd9e5;border-radius:22px;background:linear-gradient(120deg,#e4edf5,#fff);color:#254a6f;line-height:1.7}.upcoming-app h2{font-family:'Secular One','Rubik',sans-serif;font-size:26px;font-weight:400;margin:8px 0}.upcoming-app p{margin:0}.upcoming-app .status-chip{font-size:13px;color:#254a6f}

.app-nav-link{font-size:14px}.app-nav-badge{font-size:10px}.a11y-contrast .app-quick-link,.a11y-contrast .upcoming-app{background:#000!important;color:#fff!important;border-color:#fff!important}