/* Phase 2 — premium feature surfaces for Practice, Puja, Jyotish, Library and Journey */

/* Shared feature-page intro: compact app header, never a marketing hero. */
.kk-shell-inner>div>.kk-hero{position:relative;overflow:hidden;margin-top:22px;padding:24px 26px 22px;background:linear-gradient(135deg,rgba(255,253,248,.96),rgba(244,235,222,.91));border:1px solid rgba(53,43,33,.09);border-radius:25px;box-shadow:0 16px 42px rgba(48,36,24,.045)}
.kk-shell-inner>div>.kk-hero:after{content:"ॐ";position:absolute;right:22px;top:-30px;color:rgba(170,81,39,.045);font-family:"Tiro Devanagari Sanskrit",Georgia,serif;font-size:112px;line-height:1;pointer-events:none}
.kk-shell-inner>div>.kk-hero>*{position:relative;z-index:1}.kk-shell-inner>div>.kk-hero .kk-eyebrow{margin:0;color:var(--kk-accent);font-size:8px;letter-spacing:.15em}.kk-shell-inner>div>.kk-hero .kk-title{max-width:700px;margin-top:6px;font-size:clamp(27px,3vw,38px);line-height:1.05}.kk-shell-inner>div>.kk-hero .kk-subtitle{max-width:720px;margin-top:8px;font-size:12px;line-height:1.55}
.kk-shell-inner>div>.kk-hero+.kk-segments{position:sticky;top:8px;z-index:24;margin:10px 0 0;padding:5px;background:rgba(244,237,226,.84);border:1px solid rgba(53,43,33,.08);box-shadow:0 10px 28px rgba(45,34,24,.07);backdrop-filter:blur(16px)}
.kk-shell-inner>div>.kk-hero+.kk-segments .kk-segment-btn{min-height:37px;padding:7px 11px;font-size:9px;font-weight:780;letter-spacing:.015em}

/* Practice hub */
.kk-feature-duo{gap:13px}.kk-feature-duo>.kk-feature-card{position:relative;overflow:hidden;min-height:190px;padding:23px;border-radius:25px}.kk-feature-duo>.kk-feature-card:first-child{background:linear-gradient(145deg,#fff9ef,#f1dfc7);border-color:rgba(170,81,39,.14)}.kk-feature-duo>.kk-feature-card:last-child{color:#fffaf2;background:linear-gradient(140deg,#211d19,#493022 68%,#7a4327);border-color:rgba(255,255,255,.07);box-shadow:0 24px 58px rgba(37,26,18,.17)}.kk-feature-duo>.kk-feature-card:last-child .kk-card-title{color:#fffaf2}.kk-feature-duo>.kk-feature-card:last-child .kk-card-body{color:rgba(255,247,232,.66)}.kk-feature-duo>.kk-feature-card:last-child .kk-btn-primary{background:#f0d3a7;color:#38271e}.kk-feature-duo>.kk-feature-card:last-child:after{content:"ॐ";position:absolute;right:-8px;bottom:-50px;color:rgba(255,247,232,.045);font-family:"Tiro Devanagari Sanskrit",Georgia,serif;font-size:145px}

/* Japa / Mala */
.kk-tap-counter{width:min(360px,82vw)!important;height:min(360px,82vw)!important;max-width:360px;max-height:360px;margin:4px auto;color:#fffaf1;background:radial-gradient(circle at 36% 27%,#8b5030 0%,#4a3024 34%,#211d19 74%);border:10px solid #f0e2cf;outline:1px solid rgba(170,81,39,.16);box-shadow:0 0 0 1px rgba(255,255,255,.7),0 26px 70px rgba(53,34,22,.2),inset 0 0 0 1px rgba(255,255,255,.08)}
.kk-tap-counter:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(232,192,133,.28);border-radius:50%;pointer-events:none}.kk-tap-counter .kk-counter-number{color:#fffaf1;font-family:"Playfair Display",Georgia,serif;font-size:clamp(58px,9vw,92px);font-weight:560}.kk-tap-counter .kk-counter-label{color:rgba(255,247,232,.58);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.kk-counter-wrap{gap:18px}.kk-mala{height:8px;background:rgba(170,81,39,.08);border-radius:99px;box-shadow:inset 0 0 0 1px rgba(53,43,33,.05)}.kk-mala span{background:linear-gradient(90deg,var(--kk-accent),var(--kk-gold));box-shadow:0 0 16px rgba(189,138,67,.24)}.kk-goal-line{min-height:26px}.kk-counter-wrap+.kk-grid .kk-mini-stat{padding:15px 10px}

/* Sadhana */
.kk-day-grid{gap:7px}.kk-day-dot{width:40px;height:40px;border-radius:13px;background:rgba(255,253,248,.9);border-color:rgba(53,43,33,.1);font-size:10px}.kk-day-dot[data-done="true"]{color:#fff;background:var(--kk-leaf);border-color:var(--kk-leaf);box-shadow:0 7px 16px rgba(72,102,83,.18)}.kk-day-dot[data-current="true"]{outline:2px solid rgba(170,81,39,.22);outline-offset:2px}.kk-progress{height:7px;background:rgba(53,43,33,.07)}.kk-progress span{background:linear-gradient(90deg,var(--kk-accent),var(--kk-gold))}

/* Puja: make worship feel like a focused room, not another utility card. */
.kk-mandir-stage{position:relative;overflow:hidden;min-height:270px;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:28px;padding:30px 34px;color:#fff8ee;background:radial-gradient(circle at 22% 45%,rgba(211,151,76,.22),transparent 28%),radial-gradient(circle at 82% 20%,rgba(170,81,39,.24),transparent 24%),linear-gradient(135deg,#171411 0%,#2a211b 54%,#663b25 100%);border:1px solid rgba(255,255,255,.08);border-radius:30px;box-shadow:0 30px 75px rgba(38,27,18,.2)}
.kk-mandir-stage:after{content:"";position:absolute;inset:18px;border:1px solid rgba(230,191,132,.09);border-radius:23px;pointer-events:none}.kk-mandir-symbol{position:relative;z-index:1;width:160px;height:160px;display:grid;place-items:center;color:#f3d8ab;background:radial-gradient(circle,rgba(255,255,255,.1),rgba(255,255,255,.025));border:1px solid rgba(239,211,168,.15);border-radius:50%;font-size:64px;text-shadow:0 5px 24px rgba(0,0,0,.22)}.kk-puja-stage-copy{position:relative;z-index:1}.kk-puja-stage-copy .kk-meta{color:rgba(255,247,232,.52);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.kk-puja-stage-copy .kk-card-title{margin-top:7px;color:#fffaf2;font-size:34px}.kk-puja-stage-copy .kk-muted{max-width:580px;color:rgba(255,247,232,.67);font-size:12px;line-height:1.6}
.kk-deity-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.kk-deity-card{min-height:140px;padding:15px 11px;background:rgba(255,253,248,.86);border-radius:18px;box-shadow:0 10px 30px rgba(49,38,26,.035)}.kk-deity-card:hover{transform:translateY(-2px);border-color:rgba(170,81,39,.2);box-shadow:0 16px 36px rgba(49,38,26,.075)}.kk-deity-card[data-active="true"]{background:linear-gradient(145deg,#f7ead8,#f1dcc1);border-color:rgba(170,81,39,.24)}.kk-deity-symbol{font-size:27px}.kk-deity-copy strong{font-size:11px}.kk-deity-copy small{font-size:8px;line-height:1.35}.kk-puja-step-list{gap:7px}.kk-puja-step{padding:13px 14px;background:rgba(255,253,248,.8);border:1px solid rgba(53,43,33,.08);border-radius:15px}.kk-puja-step[data-active="true"]{background:rgba(170,81,39,.075);border-color:rgba(170,81,39,.2)}.kk-puja-step[data-done="true"]{background:rgba(72,102,83,.075);border-color:rgba(72,102,83,.14)}.kk-puja-step-index{background:rgba(53,43,33,.06)}.kk-puja-step[data-active="true"] .kk-puja-step-index{color:#fff;background:var(--kk-accent)}.kk-puja-step[data-done="true"] .kk-puja-step-index{color:#fff;background:var(--kk-leaf)}

/* Sound / meditation */
.kk-tone-orb{width:min(330px,76vw)!important;height:min(330px,76vw)!important;margin:8px auto;background:radial-gradient(circle at 35% 28%,rgba(240,203,151,.58),rgba(170,81,39,.22) 34%,rgba(33,29,25,.96) 72%);border:12px solid #f4eadb;outline:1px solid rgba(170,81,39,.13);box-shadow:0 26px 70px rgba(53,34,22,.17)}.kk-tone-orb strong{color:#fffaf2;font-family:"Playfair Display",Georgia,serif;font-size:28px}.kk-tone-orb .kk-meta{color:rgba(255,247,232,.57)}.kk-tone-orb[data-playing="true"]{box-shadow:0 0 0 18px rgba(170,81,39,.06),0 0 0 38px rgba(189,138,67,.035),0 26px 70px rgba(53,34,22,.19)}

/* Jyotish */
.kk-rashi-chart{overflow:hidden;background:#fffaf2;border:1px solid rgba(100,71,40,.15)!important;box-shadow:0 26px 65px rgba(60,42,25,.11)!important}.kk-rashi-cell{min-height:118px;background:linear-gradient(145deg,rgba(255,253,248,.95),rgba(246,235,219,.82));border-color:rgba(100,71,40,.12)!important}.kk-rashi-sign{color:var(--kk-accent);font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.kk-rashi-planets span{display:inline-flex;margin:3px 3px 0 0;padding:4px 6px;background:rgba(170,81,39,.07);border-radius:8px;font-size:9px}.kk-rashi-center{background:radial-gradient(circle at 50% 30%,rgba(189,138,67,.14),transparent 50%),linear-gradient(145deg,#2a231e,#4e3324);color:#fffaf2!important}.kk-rashi-center strong{font-family:"Playfair Display",Georgia,serif;font-size:27px}.kk-rashi-center span{color:rgba(255,247,232,.55)}

/* Library / scripture workspace */
.kk-scripture-text{padding:20px 21px;color:#342821;background:linear-gradient(145deg,#fffdf8,#f5e7d5);border:1px solid rgba(170,81,39,.1);border-radius:18px;font-family:"Tiro Devanagari Sanskrit",Georgia,serif;font-size:clamp(24px,3vw,34px);line-height:1.65;box-shadow:inset 0 1px rgba(255,255,255,.8)}.kk-transliteration{color:#6f6258;font-family:Lora,Georgia,serif;font-size:13px;line-height:1.65}.kk-source{border-radius:13px;background:rgba(232,223,211,.55)}
.kk-shell-inner .kk-list .kk-list-btn{transition:background .15s ease,transform .15s ease}.kk-shell-inner .kk-list .kk-list-btn:hover{transform:translateX(2px)}
.kk-shell-inner .kk-grid>.kk-col-6>.kk-card{height:100%;min-height:150px}.kk-shell-inner .kk-grid>.kk-col-6>.kk-card:hover{border-color:rgba(170,81,39,.16);box-shadow:0 18px 42px rgba(54,42,28,.07)}

/* Journey / journal */
.kk-textarea{min-height:112px;line-height:1.6}.kk-shell-inner form.kk-stack-lg{gap:13px}.kk-shell-inner form.kk-stack-lg .kk-label{font-size:9px;letter-spacing:.04em}.kk-shell-inner form.kk-stack-lg .kk-btn-primary{justify-self:start}.kk-dream-row{border-radius:17px!important;background:rgba(255,253,248,.82)!important;border-color:rgba(53,43,33,.08)!important}.kk-dream-row:hover{border-color:rgba(170,81,39,.16)!important}.kk-summary-grid .kk-mini-stat,.kk-grid .kk-mini-stat{box-shadow:0 10px 25px rgba(54,42,28,.025)}

/* More visual home/workspace density on non-mobile viewports */
@media(min-width:721px){
  .kk-shell-inner>div>.kk-hero{margin-top:19px}
  .kk-shell-inner>div>.kk-hero+.kk-segments{top:9px}
  .kk-feature-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){.kk-deity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kk-mandir-stage{grid-template-columns:130px minmax(0,1fr);min-height:230px;padding:25px}.kk-mandir-symbol{width:120px;height:120px;font-size:50px}}
@media(max-width:720px){
  .kk-shell-inner>div>.kk-hero{margin-top:13px;padding:20px 19px;border-radius:21px}.kk-shell-inner>div>.kk-hero:after{right:4px;font-size:90px}.kk-shell-inner>div>.kk-hero .kk-title{font-size:29px}.kk-shell-inner>div>.kk-hero+.kk-segments{position:relative;top:auto;margin-top:8px}
  .kk-tap-counter{width:min(300px,82vw)!important;height:min(300px,82vw)!important}.kk-tone-orb{width:min(280px,75vw)!important;height:min(280px,75vw)!important}.kk-deity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kk-mandir-stage{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;padding:22px}.kk-mandir-symbol{width:108px;height:108px;font-size:45px}.kk-puja-stage-copy .kk-card-title{font-size:27px}.kk-rashi-cell{min-height:90px}.kk-rashi-center strong{font-size:22px}
}