/* CC Star app mode (Oct 30, 2026). Every rule is scoped to html.ccs-app, which is only set when the site
   is opened from the phone's home screen (or previewed with ?appmode=1). The normal website is untouched. */
html.ccs-app{--app-bar:52px;--app-tabs:60px;--app-top:env(safe-area-inset-top,0px);--app-bot:env(safe-area-inset-bottom,0px);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
html.ccs-app body{padding-top:calc(var(--app-bar) + var(--app-top));padding-bottom:calc(var(--app-tabs) + var(--app-bot));overscroll-behavior-y:none;-webkit-user-select:none;user-select:none}
html.ccs-app body p,html.ccs-app body li,html.ccs-app input,html.ccs-app textarea{-webkit-user-select:text;user-select:text}
/* website chrome off */
html.ccs-app .site-header,html.ccs-app #top>.nav,html.ccs-app footer.foot,html.ccs-app .nav-toggle{display:none!important}
html.ccs-app .ccs-live-wrap{bottom:calc(var(--app-tabs) + var(--app-bot) + 10px)!important}
/* top bar */
.ccs-abar{display:none}
html.ccs-app .ccs-abar{display:flex;position:fixed;z-index:1000;top:0;left:0;right:0;height:calc(var(--app-bar) + var(--app-top));padding:var(--app-top) 8px 0;box-sizing:border-box;align-items:center;gap:4px;background:var(--navy,#233951);color:#f3f0e6;view-transition-name:ccs-abar;transition:box-shadow .2s}
html.ccs-app .ccs-abar.scrolled{box-shadow:0 1px 0 rgba(0,0,0,.25),0 6px 18px rgba(26,43,62,.18)}
.ccs-abar-btn{flex:0 0 44px;height:44px;display:grid;place-items:center;border:0;background:none;color:inherit;border-radius:12px;padding:0;cursor:pointer}
.ccs-abar-btn:active{background:rgba(243,240,230,.12)}
.ccs-abar-btn svg{width:24px;height:24px}
.ccs-abar-seal{flex:0 0 44px;height:44px;display:grid;place-items:center}
.ccs-abar-seal img{width:32px;height:32px;border-radius:50%;display:block}
.ccs-abar-title{flex:1;min-width:0;font:700 22px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px}
/* bottom tabs */
.ccs-tabs{display:none}
html.ccs-app .ccs-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:1000;left:0;right:0;bottom:0;height:calc(var(--app-tabs) + var(--app-bot));padding-bottom:var(--app-bot);box-sizing:border-box;background:rgba(250,248,242,.94);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-top:1px solid rgba(31,35,32,.12);view-transition-name:ccs-tabs}
.ccs-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7a7f7a;text-decoration:none;font:600 10.5px/1 Montserrat,sans-serif;letter-spacing:.01em;border:0;background:none;padding:0;cursor:pointer}
.ccs-tab svg{width:25px;height:25px}
.ccs-tab.on{color:var(--clay,#b5623a)}
.ccs-tab.on svg{stroke-width:2.1}
.ccs-tab:active svg{transform:scale(.9)}
/* More sheet */
.ccs-sheet-bg{position:fixed;inset:0;z-index:1001;background:rgba(26,43,62,.45);opacity:0;pointer-events:none;transition:opacity .25s}
.ccs-sheet{position:fixed;z-index:1002;left:0;right:0;bottom:0;max-height:86vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#f3f0e6;border-radius:22px 22px 0 0;padding:8px 16px calc(var(--app-tabs) + var(--app-bot) + 16px);box-sizing:border-box;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);font-family:Montserrat,sans-serif;color:#1f2320}
html.ccs-sheet-open .ccs-sheet-bg{opacity:1;pointer-events:auto}
html.ccs-sheet-open .ccs-sheet{transform:none}
.ccs-sheet-grab{width:40px;height:5px;border-radius:3px;background:#cfcbc0;margin:2px auto 12px}
.ccs-sheet h2{font:700 30px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#233951;margin:0 4px 14px}
.ccs-sheet h3{font:600 11px/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5a5f5a;margin:18px 6px 8px}
.ccs-group{background:#fff;border-radius:14px;overflow:hidden}
.ccs-row{display:flex;align-items:center;gap:12px;padding:0 14px;min-height:50px;color:#1f2320;text-decoration:none;font-size:15px;border:0;background:none;width:100%;text-align:left;font-family:inherit;cursor:pointer}
.ccs-row+.ccs-row{box-shadow:inset 0 1px 0 #ece8dd}
.ccs-row:active{background:#ece8dd}
.ccs-row .ic{flex:0 0 30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;background:#233951}
.ccs-row .ic svg{width:18px;height:18px}
.ccs-row .lb{flex:1;min-width:0}
.ccs-row .go{color:#b0ab9f;font-size:18px}
/* splash */
.ccs-splash{position:fixed;inset:0;z-index:100000;background:#233951;display:grid;place-items:center;transition:opacity .45s ease .05s}
.ccs-splash img{width:116px;height:116px;border-radius:28px;animation:ccsPop .6s cubic-bezier(.2,.8,.2,1) both}
.ccs-splash.out{opacity:0;pointer-events:none}
@keyframes ccsPop{from{transform:scale(.82);opacity:0}to{transform:none;opacity:1}}
/* pull to refresh */
.ccs-ptr{position:fixed;z-index:999;left:50%;top:calc(var(--app-bar) + var(--app-top) + 8px);width:38px;height:38px;margin-left:-19px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(26,43,62,.2);display:grid;place-items:center;color:#233951;opacity:0;transform:translateY(-50px);pointer-events:none}
.ccs-ptr svg{width:20px;height:20px}
.ccs-ptr.spin svg{animation:ccsSpin .8s linear infinite}
@keyframes ccsSpin{to{transform:rotate(360deg)}}
/* app home */
#ccs-apphome{display:none}
html.ccs-app body.home>section{display:none!important}
html.ccs-app #ccs-apphome{display:block;padding:20px 16px 28px;font-family:Montserrat,sans-serif;color:#1f2320;background:#f3f0e6}
.ah-hi{margin:2px 4px 18px}
.ah-eyebrow{font:600 11px/1.2 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b5623a}
.ah-hi h1{font:700 40px/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#233951;margin:6px 0 0}
.ah-card{display:block;border-radius:20px;overflow:hidden;text-decoration:none;margin-bottom:14px}
.ah-card:active{transform:scale(.985)}
.ah-sun{background:#233951;color:#f3f0e6;padding:18px 18px 16px}
.ah-sun .ah-eyebrow{color:#d9a27f}
.ah-times{font:700 30px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:8px 0 6px}
.ah-where{font-size:13px;line-height:1.45;color:rgba(243,240,230,.8)}
.ah-btns{display:flex;gap:8px;margin-top:14px}
.ah-btn{flex:1;text-align:center;padding:11px 8px;border-radius:999px;font:600 13px/1 Montserrat,sans-serif;text-decoration:none;background:#f3f0e6;color:#233951}
.ah-btn.ghost{background:transparent;color:#f3f0e6;box-shadow:inset 0 0 0 1.5px rgba(243,240,230,.5)}
.ah-msg{background:#fff;color:#1f2320;box-shadow:0 1px 0 rgba(31,35,32,.06)}
.ah-msg .th{position:relative;aspect-ratio:16/9;background:#1a2b3e;max-width:100%}
.ah-msg .th img{width:100%;height:100%;object-fit:cover;display:block}
.ah-msg .pl{position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;box-shadow:0 6px 18px rgba(0,0,0,.3);width:50px;height:50px;border-radius:50%;background:#b5623a;display:grid;place-items:center}
.ah-msg .pl svg{width:20px;height:20px;margin-left:3px}
.ah-msg .bd{padding:14px 16px 16px}
.ah-msg .t{font:700 24px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#233951;margin:6px 0 6px;text-wrap:balance}
.ah-msg .m{font-size:13px;color:#5a5f5a}
.ah-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 22px}
.ah-q{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:10px 4px;border-radius:16px;background:#fff;color:#233951;text-decoration:none;font:600 12px/1.15 Montserrat,sans-serif;text-align:center}
.ah-q:active{background:#ece8dd}
.ah-q .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f3e6dc;color:#b5623a}
.ah-q .ic svg{width:21px;height:21px}
.ah-sec{display:flex;align-items:baseline;justify-content:space-between;margin:0 4px 10px}
.ah-sec h2{font:700 26px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#233951;margin:0}
.ah-sec a{font:600 13px/1 Montserrat,sans-serif;color:#b5623a;text-decoration:none}
.ah-evs{background:#fff;border-radius:18px;overflow:hidden}
.ah-ev{display:flex;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;color:#1f2320}
.ah-ev+.ah-ev{box-shadow:inset 0 1px 0 #ece8dd}
.ah-ev:active{background:#f6f3eb}
.ah-ev .d{flex:0 0 48px;height:52px;border-radius:12px;background:#f3f0e6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#233951}
.ah-ev .d b{font:700 22px/1 'Barlow Condensed',sans-serif}
.ah-ev .d i{font:600 10px/1 Montserrat,sans-serif;font-style:normal;letter-spacing:.08em;color:#b5623a;margin-top:3px}
.ah-ev .x{flex:1;min-width:0}
.ah-ev .x b{display:block;font-size:14px;line-height:1.3;font-weight:600}
.ah-ev .x span{display:block;font-size:12px;color:#5a5f5a;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ah-ev .go{color:#b0ab9f;font-size:18px}
.ah-verse{margin:24px 8px 6px;text-align:center;font-size:13px;line-height:1.55;color:#5a5f5a;font-style:italic}
.ah-verse b{display:block;font-style:normal;font:600 11px/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b5623a;margin-top:8px}
@media (display-mode: standalone){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:.18s ease both ccsFadeOut}
  ::view-transition-new(root){animation:.26s cubic-bezier(.2,.8,.2,1) both ccsSlideIn}
}
@keyframes ccsFadeOut{to{opacity:0}}
@keyframes ccsSlideIn{from{opacity:0;transform:translateX(24px)}}
@media (prefers-reduced-motion: reduce){.ccs-sheet,.ccs-splash,.ccs-splash img{transition:none;animation:none}}