/* Glass treatment on tabs; the mobile dock stays opaque and edge-to-edge. */
body .app nav.app-nav{background:linear-gradient(120deg,#ffffff0b,transparent 65%),#191c20;border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff10,0 8px 24px #0003}
body .app nav.app-nav button{background:linear-gradient(160deg,#ffffff12,#ffffff04);border:1px solid #ffffff19;box-shadow:inset 0 1px 0 #ffffff13,0 2px 6px #0002;color:#c2c9d1;backdrop-filter:blur(12px) saturate(135%);-webkit-backdrop-filter:blur(12px) saturate(135%);transition:background .16s ease,border-color .16s ease,color .16s ease}
body .app nav.app-nav button.selected{background:linear-gradient(145deg,#ffffff24,#d5b87513);border-color:#d5b87580;box-shadow:inset 0 1px 0 #ffffff2e,inset 0 -2px 0 #d5b87570,0 3px 10px #0003;color:#fff8e9}
body .app nav.app-nav button:hover{background:linear-gradient(145deg,#ffffff1d,#ffffff0b);border-color:#ffffff40;color:#fff}body .app nav.app-nav button.selected:hover{border-color:#d5b875a0}
#info{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px 22px}#info #helpTitle{font-size:23px;padding-right:36px;margin:8px 0 14px}#kanqaHelpContents>p{font-size:14px;color:#a2a9b1;margin-bottom:20px}#kanqaHelpContents details{border-top:1px solid #ffffff18;padding:4px 0}#kanqaHelpContents summary{min-height:44px;padding:12px 0;font-size:14px;font-weight:600;color:#e0e6ec;cursor:pointer}#kanqaHelpContents details p{font-size:14px;line-height:1.7;color:#b6bec8;margin:0 0 16px}#info #gotIt{margin-top:20px;width:100%}
@media(max-width:700px){body .app nav.app-nav{background:linear-gradient(180deg,#ffffff0a,transparent 32%),#191c20;position:fixed;inset:auto 0 0 0;margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;box-shadow:inset 0 1px 0 #ffffff16,0 -8px 24px #0003}body .app nav.app-nav button{border-radius:10px}body .app nav.app-nav button.selected{box-shadow:inset 0 1px 0 #ffffff2a,inset 0 -2px 0 #d5b87555!important}#info{padding:22px 18px}}
@media(prefers-reduced-transparency:reduce){body .app nav.app-nav button{background:#252a30;backdrop-filter:none;-webkit-backdrop-filter:none}body .app nav.app-nav button.selected{background:#343832}}
@media(prefers-reduced-motion:reduce){body .app nav.app-nav button{transition:none}}
