/* Karmakaryam premium Spiritual OS visual system — 2026-08-15 */
:root{
  --kk-bg:#f3eee5;
  --kk-bg-deep:#ebe2d5;
  --kk-surface:#fffdf8;
  --kk-surface-2:#f8f1e7;
  --kk-surface-dark:#211d19;
  --kk-ink:#1d1a17;
  --kk-muted:#786f64;
  --kk-line:rgba(53,43,33,.11);
  --kk-line-strong:rgba(53,43,33,.18);
  --kk-accent:#aa5127;
  --kk-accent-strong:#873817;
  --kk-gold:#bd8a43;
  --kk-leaf:#486653;
  --kk-sidebar:#201c18;
  --kk-shadow-soft:0 18px 54px rgba(53,41,28,.09);
  --kk-shadow-lift:0 26px 70px rgba(42,32,22,.14);
  --kk-radius-sm:15px;
  --kk-radius-md:21px;
  --kk-radius-lg:30px;
}

#kk-spiritual-root{
  background:
    radial-gradient(circle at 95% 5%,rgba(189,138,67,.12),transparent 28rem),
    radial-gradient(circle at 15% 60%,rgba(170,81,39,.065),transparent 34rem),
    linear-gradient(180deg,#f8f3eb 0%,var(--kk-bg) 46%,#eee6db 100%);
}
.kk-shell{padding-bottom:calc(var(--kk-dock) + 28px + env(safe-area-inset-bottom,0px));scrollbar-color:rgba(76,62,47,.22) transparent}
.kk-shell-inner{width:min(100%,1180px);padding:0 24px 58px}
.kk-top{min-height:76px;padding:13px 28px;background:rgba(248,243,235,.88);border-bottom:1px solid rgba(53,43,33,.07);box-shadow:0 8px 30px rgba(53,41,28,.035)}
.kk-brand{gap:13px}.kk-brand-mark{width:44px;height:44px;color:var(--kk-accent);background:linear-gradient(145deg,#fffdf8,#f5eadc);border-color:rgba(170,81,39,.16);box-shadow:0 8px 24px rgba(79,54,30,.08);font-size:24px}
.kk-brand-copy strong{font-size:20px;letter-spacing:-.015em}.kk-brand-copy span{margin-top:1px;font-size:9px;letter-spacing:.12em}
.kk-top-account{min-height:44px;padding:9px 16px;background:rgba(255,253,248,.8);border:1px solid var(--kk-line-strong);box-shadow:0 7px 18px rgba(55,43,30,.045)}
.kk-top-account:hover{background:#fffdf8;border-color:rgba(170,81,39,.24)}
.kk-icon-btn{background:rgba(255,253,248,.86);border-color:var(--kk-line-strong);box-shadow:0 7px 18px rgba(55,43,30,.04)}

.kk-hero{padding:32px 0 12px}.kk-title{max-width:680px;margin-top:5px;font-size:clamp(30px,4vw,43px);line-height:1.04;letter-spacing:-.032em}.kk-subtitle{max-width:620px;font-size:14px;line-height:1.58}.kk-eyebrow{font-size:9px;letter-spacing:.16em}
.kk-section{margin-top:29px}.kk-section-head{margin-bottom:11px;align-items:center}.kk-section-title{font-size:15px;letter-spacing:-.01em}.kk-section-note{font-size:11px}

.kk-card{background:rgba(255,253,248,.9);border-color:rgba(53,43,33,.105);border-radius:var(--kk-radius-md);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 12px 32px rgba(54,42,28,.035)}
.kk-card-pad{padding:19px 20px}.kk-card-soft{background:rgba(247,240,230,.82)}
.kk-card-accent{background:linear-gradient(140deg,#251f1a 0%,#3f2c21 46%,#8b4727 100%);box-shadow:var(--kk-shadow-lift)}
.kk-card-title{font-size:20px}.kk-card-kicker{font-size:9px;letter-spacing:.14em}
.kk-list{background:rgba(255,253,248,.86);border-color:rgba(53,43,33,.1);border-radius:18px;box-shadow:0 12px 30px rgba(54,42,28,.025)}
.kk-list-btn{min-height:66px;padding:13px 15px}.kk-list-btn:hover{background:rgba(170,81,39,.045)}.kk-list-leading{background:rgba(170,81,39,.075);color:var(--kk-accent)}
.kk-btn{font-size:12px;min-height:42px}.kk-btn-primary{background:var(--kk-accent)}.kk-btn-primary:hover{background:var(--kk-accent-strong)}.kk-btn-secondary{border-color:rgba(53,43,33,.18);background:rgba(255,253,248,.5)}.kk-btn-quiet{color:var(--kk-accent);background:rgba(170,81,39,.075)}
.kk-chip{background:rgba(255,253,248,.75);border-color:rgba(53,43,33,.11)}.kk-chip[data-active="true"]{background:var(--kk-surface-dark);border-color:var(--kk-surface-dark)}
.kk-segments{padding:4px;background:rgba(239,230,218,.68);border:1px solid rgba(53,43,33,.07);border-radius:999px}.kk-segment-btn{min-height:36px}.kk-segment-btn[data-active="true"]{background:#fffdf8;box-shadow:0 5px 16px rgba(45,34,24,.07)}
.kk-input,.kk-textarea,.kk-select{background:rgba(255,253,248,.94);border-color:rgba(53,43,33,.16)}

/* Today dashboard */
.kk-today-dashboard{display:grid;gap:18px;padding-top:24px}
.kk-today-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,430px);align-items:end;gap:34px;min-height:230px;padding:31px 34px;color:#fffaf2;background:linear-gradient(135deg,#211d19 0%,#2c231d 50%,#704025 100%);border:1px solid rgba(255,255,255,.08);border-radius:var(--kk-radius-lg);box-shadow:0 30px 75px rgba(45,31,20,.2)}
.kk-today-hero:before{content:"";position:absolute;inset:auto -70px -120px auto;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(226,169,88,.22),rgba(226,169,88,.05) 48%,transparent 68%);pointer-events:none}
.kk-today-hero:after{content:"ॐ";position:absolute;right:34px;top:-30px;color:rgba(255,247,231,.045);font-family:"Tiro Devanagari Sanskrit",Georgia,serif;font-size:180px;line-height:1;pointer-events:none}
.kk-today-hero>*{position:relative;z-index:1}.kk-today-date{display:block;margin-bottom:13px;color:rgba(255,247,232,.68);font-size:11px;font-weight:700;letter-spacing:.06em}.kk-today-title{max-width:520px;margin:0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(38px,4.2vw,60px);font-weight:560;line-height:.98;letter-spacing:-.045em}.kk-today-subtitle{max-width:570px;margin:14px 0 0;color:rgba(255,247,232,.72);font-family:Lora,Georgia,serif;font-size:14px;line-height:1.6}
.kk-today-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-self:end}.kk-today-metric{min-height:92px;padding:14px 13px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.105);border-radius:17px;backdrop-filter:blur(10px)}.kk-today-metric strong{display:block;color:#fffaf2;font-family:"Playfair Display",Georgia,serif;font-size:25px;font-weight:600;line-height:1}.kk-today-metric span{display:block;margin-top:9px;color:rgba(255,247,232,.58);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}

.kk-today-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:18px;align-items:start}.kk-today-primary,.kk-today-side{display:grid;gap:18px}
.kk-panel-label{display:block;color:var(--kk-accent);font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.kk-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.kk-panel-head h2,.kk-panel-head h3{margin:4px 0 0;font-family:"Playfair Display",Georgia,serif;font-size:23px;line-height:1.08}.kk-panel-note{color:var(--kk-muted);font-size:11px}.kk-panel-score{display:grid;place-items:center;min-width:46px;height:34px;color:var(--kk-accent);background:rgba(170,81,39,.075);border:1px solid rgba(170,81,39,.13);border-radius:999px;font-size:12px}

.kk-sankalpa-focus{position:relative;overflow:hidden;display:grid;grid-template-columns:58px minmax(0,1fr);gap:0 16px;padding:22px 23px;background:linear-gradient(145deg,rgba(255,253,248,.98),rgba(247,237,223,.96));border:1px solid rgba(170,81,39,.13);border-radius:24px;box-shadow:var(--kk-shadow-soft)}.kk-sankalpa-focus:after{content:"";position:absolute;right:-80px;top:-85px;width:210px;height:210px;border-radius:50%;border:1px solid rgba(170,81,39,.08);box-shadow:0 0 0 24px rgba(170,81,39,.028),0 0 0 48px rgba(170,81,39,.018)}.kk-sankalpa-focus>*{position:relative;z-index:1}.kk-sankalpa-mark{grid-row:1 / span 2;width:56px;height:56px;display:grid;place-items:center;color:var(--kk-accent);background:rgba(170,81,39,.075);border:1px solid rgba(170,81,39,.12);border-radius:18px;font-family:"Tiro Devanagari Sanskrit",Georgia,serif;font-size:27px}.kk-sankalpa-copy h2{margin:4px 0 7px;font-family:"Playfair Display",Georgia,serif;font-size:24px;font-weight:600;line-height:1.13}.kk-sankalpa-copy p{margin:0;color:var(--kk-muted);font-size:12px;line-height:1.55}.kk-sankalpa-focus>.kk-row-wrap{grid-column:2;margin-top:15px}

.kk-practice-focus{position:relative;overflow:hidden;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;padding:21px 22px;background:linear-gradient(135deg,#fffdf8 0%,#f8efe3 100%);border:1px solid var(--kk-line);border-radius:24px;box-shadow:0 16px 44px rgba(54,42,28,.055)}.kk-focus-icon{width:52px;height:52px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--kk-accent),#c07a3d);border-radius:17px;box-shadow:0 12px 24px rgba(170,81,39,.18)}.kk-focus-icon svg{width:22px;height:22px}.kk-focus-copy h2{margin:3px 0 5px;font-family:"Playfair Display",Georgia,serif;font-size:23px}.kk-focus-copy p{margin:0;color:var(--kk-muted);font-size:11px;line-height:1.5}.kk-focus-progress{grid-column:2 / 4;height:6px;overflow:hidden;background:rgba(53,43,33,.07);border-radius:99px}.kk-focus-progress span{display:block;width:var(--kk-focus-progress,0%);height:100%;background:linear-gradient(90deg,var(--kk-accent),var(--kk-gold));border-radius:inherit;transition:width .22s ease}.kk-practice-focus>.kk-btn{grid-column:3;grid-row:1}

.kk-daily-path{padding:22px;background:rgba(255,253,248,.82);border:1px solid var(--kk-line);border-radius:24px;box-shadow:0 14px 40px rgba(54,42,28,.04)}.kk-path-list{display:grid;gap:7px;margin:15px 0 16px}.kk-path-check{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:11px;padding:11px 10px;background:rgba(246,238,228,.6);border:1px solid transparent;border-radius:15px;cursor:pointer;transition:background .16s ease,border-color .16s ease}.kk-path-check:hover{background:rgba(244,233,220,.9);border-color:rgba(170,81,39,.08)}.kk-path-check input{width:19px;height:19px;margin:1px 0 0;accent-color:var(--kk-accent)}.kk-path-check-copy strong{display:block;font-size:12px}.kk-path-check-copy span{display:block;margin-top:3px;color:var(--kk-muted);font-size:10px;line-height:1.45}

.kk-panchang-card{padding:20px;background:rgba(255,253,248,.88);border:1px solid var(--kk-line);border-radius:24px;box-shadow:0 16px 44px rgba(54,42,28,.045)}.kk-panchang-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kk-panchang-head h3{margin:4px 0 0;font-family:"Playfair Display",Georgia,serif;font-size:22px}.kk-panchang-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}.kk-panchang-primary .kk-panchang-item{min-height:78px;background:linear-gradient(145deg,#2a241f,#493022);border-color:transparent}.kk-panchang-primary .kk-panchang-item span{color:rgba(255,247,232,.55)}.kk-panchang-primary .kk-panchang-item strong{color:#fffaf2;font-size:14px}.kk-panchang-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}.kk-panchang-item{min-width:0;padding:12px 11px;background:rgba(246,238,228,.72);border:1px solid rgba(53,43,33,.07);border-radius:14px}.kk-panchang-item span{display:block;color:var(--kk-muted);font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.kk-panchang-item strong{display:block;overflow:hidden;margin-top:5px;color:var(--kk-ink);font-size:11px;line-height:1.25;text-overflow:ellipsis}.kk-panchang-foot{display:flex;align-items:center;gap:9px;margin-top:12px}.kk-panchang-foot>span:last-child{color:var(--kk-muted);font-size:9px;line-height:1.4}.kk-panchang-loading{display:flex;align-items:center;gap:9px;min-height:96px;color:var(--kk-muted);font-size:11px}.kk-panchang-loading svg{width:18px;height:18px;color:var(--kk-accent)}.kk-panchang-empty{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px}.kk-panchang-empty>.kk-btn{grid-column:2;justify-self:start}.kk-panchang-empty-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--kk-accent);background:rgba(170,81,39,.075);border-radius:15px}.kk-panchang-empty-copy h3{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:20px}.kk-panchang-empty-copy p{margin:5px 0 0;color:var(--kk-muted);font-size:10px;line-height:1.5}

.kk-quick-panel{padding:19px;background:rgba(255,253,248,.74);border:1px solid var(--kk-line);border-radius:24px}.kk-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.kk-quick-action{appearance:none;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:11px;color:var(--kk-ink);text-align:left;background:rgba(248,242,233,.78);border:1px solid rgba(53,43,33,.075);border-radius:16px;cursor:pointer;font:inherit;transition:transform .16s ease,background .16s ease,border-color .16s ease}.kk-quick-action:hover{transform:translateY(-1px);background:#fffdf8;border-color:rgba(170,81,39,.16)}.kk-quick-icon{width:37px;height:37px;display:grid;place-items:center;color:var(--kk-accent);background:rgba(170,81,39,.075);border-radius:12px}.kk-quick-icon svg{width:18px;height:18px}.kk-quick-copy{min-width:0}.kk-quick-copy strong{display:block;font-size:11px}.kk-quick-copy small{display:block;margin-top:2px;color:var(--kk-muted);font-size:8.5px;line-height:1.35}

.kk-devotion-section{padding:2px 0}.kk-devotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:13px}.kk-devotion-card{position:relative;overflow:hidden;min-height:220px;display:grid;grid-template-columns:58px minmax(0,1fr);align-content:start;gap:15px;padding:24px;border-radius:27px}.kk-devotion-warm{color:var(--kk-ink);background:linear-gradient(145deg,#fffaf1,#f2e1ca);border:1px solid rgba(170,81,39,.13)}.kk-devotion-dark{color:#fff9ef;background:linear-gradient(140deg,#211d19,#493123 66%,#7d4426);box-shadow:var(--kk-shadow-lift)}.kk-devotion-card:after{content:"";position:absolute;right:-70px;bottom:-90px;width:230px;height:230px;border-radius:50%;border:1px solid currentColor;opacity:.045;box-shadow:0 0 0 28px currentColor,0 0 0 58px currentColor}.kk-devotion-card>*{position:relative;z-index:1}.kk-devotion-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px}.kk-devotion-warm .kk-devotion-icon{color:var(--kk-accent);background:rgba(170,81,39,.08)}.kk-devotion-dark .kk-devotion-icon{color:#fff3de;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1)}.kk-devotion-icon svg{width:24px;height:24px}.kk-devotion-copy h3{margin:3px 0 7px;font-family:"Playfair Display",Georgia,serif;font-size:25px}.kk-devotion-copy p{margin:0;max-width:420px;color:var(--kk-muted);font-size:11px;line-height:1.55}.kk-devotion-dark .kk-devotion-copy p{color:rgba(255,247,232,.66)}.kk-devotion-card>.kk-btn{grid-column:2;justify-self:start;align-self:end;margin-top:14px}.kk-devotion-dark .kk-btn-secondary{color:#fff9ef;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07)}

.kk-grounding-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;background:rgba(232,223,211,.72);border:1px solid rgba(53,43,33,.075);border-radius:18px}.kk-grounding-strip strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:16px}.kk-grounding-strip span{display:block;margin-top:3px;color:var(--kk-muted);font-size:9px;line-height:1.45}

/* Global feature surfaces */
.kk-mini-stat{background:rgba(255,253,248,.78);border:1px solid rgba(53,43,33,.08);border-radius:15px}.kk-mini-stat strong{font-family:"Playfair Display",Georgia,serif;color:var(--kk-ink)}
.kk-rashi-chart{border-radius:24px!important;box-shadow:0 22px 60px rgba(54,39,22,.09)!important}.kk-mandir-stage{background:radial-gradient(circle at 50% 26%,rgba(206,153,74,.18),transparent 32%),linear-gradient(180deg,#fffdf8,#eee1d0);box-shadow:0 22px 60px rgba(54,42,28,.06)}
.kk-deity-card{background:rgba(255,253,248,.86);border-color:rgba(53,43,33,.1)}.kk-deity-card[data-active="true"]{background:rgba(170,81,39,.07);border-color:rgba(170,81,39,.22)}

/* Desktop navigation becomes a quiet vertical rail instead of a floating black bar across content. */
@media(min-width:980px){
  :root{--kk-dock:82px}
  .kk-shell{padding-bottom:30px}
  .kk-shell-inner{width:min(100%,1280px);margin:0 auto;padding:0 38px 68px 132px}
  body.kk-os-ready.in-app #kk-spiritual-dock{left:24px;right:auto;top:106px;bottom:auto;transform:none;width:88px;height:auto;display:grid;grid-template-columns:1fr;gap:5px;padding:8px;background:rgba(31,27,23,.96);border-radius:28px;box-shadow:0 22px 58px rgba(28,21,15,.24)}
  .kk-dock-btn{min-height:70px;gap:5px;padding:8px 4px;border-radius:20px;color:rgba(255,249,239,.52);font-size:8px;letter-spacing:.02em}.kk-dock-btn svg{width:20px;height:20px}.kk-dock-btn[data-active="true"]{color:#fffaf2;background:linear-gradient(145deg,rgba(170,81,39,.9),rgba(119,60,33,.95));box-shadow:0 9px 25px rgba(170,81,39,.22)}
  .kk-top{padding-left:29px;padding-right:34px}
  .kk-top-account{padding-left:17px;padding-right:17px}
}

@media(max-width:979px){
  .kk-today-hero{grid-template-columns:1fr;min-height:0;padding:28px}.kk-today-metrics{max-width:520px}.kk-today-layout{grid-template-columns:1fr}.kk-today-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.kk-panchang-card,.kk-quick-panel{height:100%}
  body.kk-os-ready.in-app #kk-spiritual-dock{width:min(calc(100% - 20px),620px);height:70px;padding:6px;background:rgba(31,27,23,.94);border-radius:22px;box-shadow:0 20px 48px rgba(26,20,14,.25)}.kk-dock-btn{min-height:56px;border-radius:16px}.kk-dock-btn[data-active="true"]{background:rgba(170,81,39,.32);color:#fffaf2}
}

@media(max-width:720px){
  .kk-top{min-height:64px;padding:10px 15px}.kk-brand-mark{width:38px;height:38px;font-size:21px}.kk-brand-copy strong{font-size:17px}.kk-top-account{width:43px;padding:0}.kk-top-account span{display:none}.kk-shell-inner{padding:0 14px 38px}.kk-today-dashboard{padding-top:14px;gap:14px}.kk-today-hero{padding:23px 21px;border-radius:24px}.kk-today-hero:after{right:8px;top:-10px;font-size:120px}.kk-today-title{font-size:40px}.kk-today-subtitle{font-size:12px}.kk-today-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.kk-today-metric{min-height:75px;padding:11px 9px}.kk-today-metric strong{font-size:20px}.kk-today-metric span{font-size:7px}.kk-today-layout{gap:14px}.kk-today-primary,.kk-today-side{display:grid;grid-template-columns:1fr;gap:14px}.kk-sankalpa-focus{grid-template-columns:46px minmax(0,1fr);padding:18px}.kk-sankalpa-mark{width:44px;height:44px;border-radius:14px;font-size:21px}.kk-sankalpa-copy h2{font-size:21px}.kk-sankalpa-focus>.kk-row-wrap{grid-column:1 / -1;margin-top:14px}.kk-practice-focus{grid-template-columns:46px minmax(0,1fr);padding:18px}.kk-focus-icon{width:44px;height:44px;border-radius:14px}.kk-practice-focus>.kk-btn{grid-column:1 / -1;grid-row:auto;justify-self:start}.kk-focus-progress{grid-column:1 / -1}.kk-daily-path,.kk-panchang-card,.kk-quick-panel{padding:17px;border-radius:21px}.kk-panchang-primary{grid-template-columns:1fr 1fr}.kk-panchang-primary .kk-panchang-item:last-child{grid-column:1 / -1}.kk-panchang-strip{grid-template-columns:1fr 1fr}.kk-quick-grid{grid-template-columns:1fr 1fr}.kk-devotion-grid{grid-template-columns:1fr}.kk-devotion-card{min-height:190px;padding:20px}.kk-grounding-strip{align-items:flex-start;flex-direction:column}.kk-panel-head h2,.kk-panel-head h3{font-size:20px}
}

@media(max-width:430px){
  .kk-today-metrics{grid-template-columns:1fr}.kk-today-metric{min-height:60px;display:flex;align-items:center;justify-content:space-between}.kk-today-metric span{margin-top:0}.kk-panchang-primary,.kk-panchang-strip,.kk-quick-grid{grid-template-columns:1fr}.kk-panchang-primary .kk-panchang-item:last-child{grid-column:auto}.kk-devotion-card{grid-template-columns:48px minmax(0,1fr);gap:12px}.kk-devotion-icon{width:48px;height:48px;border-radius:15px}.kk-devotion-copy h3{font-size:22px}.kk-devotion-card>.kk-btn{grid-column:1 / -1}.kk-grounding-strip>.kk-btn{width:100%}
}

@media(prefers-reduced-motion:reduce){.kk-focus-progress span,.kk-path-check,.kk-quick-action{transition:none!important}}