/* Karmakaryam canonical product system — 2026-08-18
 * Loaded last. Owns shared interaction quality, readable typography,
 * responsive behavior, Today hierarchy and final Mandir fidelity.
 */
:root{
  --kk-motion-duration:280ms;
  --kk-motion-ease:cubic-bezier(.16,1,.3,1);
  --kk-product-gold:#d6b15f;
  --kk-product-gold-soft:#f0d487;
  --kk-product-bg:#080706;
  --kk-product-surface:#11100d;
  --kk-product-line:rgba(214,177,95,.14);
  --kk-product-muted:#aa9f8e;
  --kk-product-radius:18px;
  --kk-product-radius-lg:24px;
  --kk-product-focus:rgba(240,212,135,.78);
}

/* Reading and worship share the same restrained gold surfaces. */
.kk-mantra-deity-portrait{width:100%;height:clamp(220px,34vh,380px);margin-bottom:24px;background:var(--kk-product-surface);overflow:hidden;border-radius:16px}
.kk-mantra-deity-portrait img{width:100%;height:100%;object-fit:contain!important;object-position:center;filter:none!important}
.kk-scripture-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;max-width:70ch}
.kk-scripture-text:lang(ta){font-family:'Noto Sans Tamil','Nirmala UI',sans-serif;line-height:2}
.kk-scripture-text:lang(hi),.kk-scripture-text:lang(sa){font-family:'Noto Sans Devanagari','Nirmala UI',serif}
.kk-mantra-intentions{margin-block:16px;gap:8px}
.kk-mantra-filter-details{margin-bottom:20px;padding-block:8px}
.kk-mantra-filter-details summary{cursor:pointer;padding-block:12px;color:var(--kk-product-gold-soft);min-height:44px}
.kk-mantra-filter-details[open] .kk-stack{margin-block:16px}
.kk-analysis-reading{max-width:74ch;margin-block:28px;padding-block:8px;line-height:1.8;color:var(--kk-ink)}
.kk-analysis-reading h3{margin:24px 0 8px;font-size:18px;color:var(--kk-product-gold-soft)}
.kk-analysis-reading p,.kk-analysis-reading li{color:var(--kk-muted);font-size:15px}
.kk-analysis-table-wrap{max-width:100%;overflow-x:auto;scrollbar-color:var(--kk-product-gold) var(--kk-product-surface)}
.kk-analysis-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}
.kk-analysis-table th,.kk-analysis-table td{padding:12px 10px;border-bottom:1px solid var(--kk-product-line);vertical-align:top;min-width:110px}
.kk-analysis-table th{color:var(--kk-product-gold-soft)}
#kk-spiritual-root[data-lang="ta"]{font-family:'Noto Sans Tamil','Nirmala UI',sans-serif}
#kk-spiritual-root[data-lang="hi"]{font-family:'Noto Sans Devanagari','Nirmala UI',sans-serif}
.kk-language-switch{max-width:100%;flex-wrap:wrap}
@media(max-width:600px){.kk-top{flex-wrap:wrap!important;height:auto!important}.kk-top-actions{max-width:100%}.kk-language-option{min-height:36px!important}.kk-language-switch{gap:2px}.kk-analysis-reading{padding-inline:4px}}
.kk-library-detail .kk-row-wrap{gap:8px}
.kk-kundali-analysis-grid article{border-radius:12px;transition:border-color var(--kk-motion-duration) var(--kk-motion-ease)}
.kk-kundali-analysis-grid article:hover{border-color:var(--kk-product-gold)}
.kk-aarti-control{white-space:normal;background:#241a0d;color:#f0d487;border:1px solid #a38549;min-height:44px}
.kk-aarti-lamp{position:absolute;left:50%;top:60%;width:66px;height:48px;pointer-events:none;z-index:10}
.kk-aarti-bowl{position:absolute;bottom:0;left:0;width:66px;height:19px;background:linear-gradient(#efcc73,#9b682a);border-radius:3px 3px 50% 50%;box-shadow:0 8px 12px #0006}
.kk-aarti-lamp .kk-deepam-flame{position:absolute;left:25px;bottom:15px;width:15px;height:30px;background:linear-gradient(#fff7c0,#f5a935);border-radius:70% 30% 55% 45%;transform-origin:50% 100%}
@media(prefers-reduced-motion:no-preference){
  .kk-mandir-workspace[data-motion="rich"] .kk-aarti-lamp{animation:kk-aarti-orbit 3.6s linear infinite}
  .kk-mandir-offering-tray>div:not(.kk-tray-base){animation:kk-offering-arrive 460ms var(--kk-motion-ease) both}
  .kk-aarti-lamp .kk-deepam-flame{animation:kk-aarti-flame 1.4s ease-in-out infinite alternate}
}
@keyframes kk-aarti-orbit{0%{transform:translate(-33px,-62px)}25%{transform:translate(38px,-18px)}50%{transform:translate(-33px,20px)}75%{transform:translate(-104px,-18px)}100%{transform:translate(-33px,-62px)}}
@keyframes kk-aarti-flame{from{transform:rotate(-5deg) scaleY(.94)}to{transform:rotate(5deg) scaleY(1.06)}}
@keyframes kk-offering-arrive{from{opacity:.3;translate:0 12px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.kk-aarti-lamp,.kk-aarti-lamp *,.kk-mandir-offering-tray>div{animation:none!important;transition:none!important}}

/* Startup stays visually owned by Spiritual OS. */
.kk-loader-cover{z-index:9999!important}
.kk-loader-mark{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;line-height:1!important;white-space:nowrap!important;text-align:center!important}

/* Remove loose decorative Om glyphs that can clip or appear as fake content. */
.kk-shell-inner>div>.kk-hero:after,
.kk-today-hero:after,
.kk-feature-duo>.kk-feature-card:last-child:after{content:none!important;display:none!important}

/* Shared interaction contract. */
.kk-btn,.kk-icon-btn,.kk-chip,.kk-segment-btn,.kk-list-btn,.kk-quick-action,.kk-dock-btn,
.kk-mandir-offering,.kk-mandir-ambience,.kk-mandir-deity-button,.kk-mandir-bell{
  min-height:44px!important;
}
.kk-btn{padding:9px 16px!important}
.kk-icon-btn{min-width:44px!important}
.kk-chip{padding:8px 12px!important}
.kk-segment-btn{padding:9px 13px!important}
/* These selectors deliberately match the specificity of older Puja compactors. */
.kk-card-accent:has(+ .kk-mandir-workspace) .kk-btn,
.kk-mandir-action-buttons .kk-btn,
.kk-mandir-sound-row .kk-btn{
  min-height:44px!important;
  padding:9px 14px!important;
}
.kk-btn:focus-visible,.kk-icon-btn:focus-visible,.kk-chip:focus-visible,.kk-segment-btn:focus-visible,
.kk-list-btn:focus-visible,.kk-quick-action:focus-visible,.kk-dock-btn:focus-visible,
.kk-input:focus-visible,.kk-textarea:focus-visible,.kk-select:focus-visible,
.kk-mandir-offering:focus-visible,.kk-mandir-ambience:focus-visible,.kk-mandir-deity-button:focus-visible,.kk-mandir-bell:focus-visible{
  outline:2px solid var(--kk-product-focus)!important;outline-offset:3px!important;
}

/* Shared feedback states. */
.kk-loading-state,.kk-error-state{display:grid;gap:10px;align-items:start;min-height:72px}
.kk-loading-state{grid-template-columns:auto 1fr;align-items:center;color:var(--kk-product-muted)}
.kk-loading-dot{width:9px;height:9px;border-radius:50%;background:var(--kk-product-gold);box-shadow:0 0 18px rgba(214,177,95,.35);animation:kkProductPulse 1.25s ease-in-out infinite}
.kk-error-state{padding:18px;border:1px solid var(--kk-product-line);border-radius:var(--kk-product-radius);background:rgba(255,255,255,.025)}
.kk-error-state>strong{font-size:15px;line-height:1.3}
.kk-confirm-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
@keyframes kkProductPulse{50%{opacity:.38;transform:scale(.84)}}
@media(prefers-reduced-motion:reduce){.kk-loading-dot{animation:none}}

/* Readable operating copy. Decorative labels may stay compact; instructions cannot. */
.kk-muted,.kk-meta,.kk-section-note,.kk-panel-note,.kk-list-copy span,.kk-quick-copy small,.kk-puja-step-copy small,
.kk-mandir-stage-copy small,.kk-mandir-action-copy span,.kk-mandir-deity-button small{
  line-height:1.5!important;
}
.kk-muted,.kk-meta,.kk-section-note,.kk-panel-note{font-size:max(11px,.72rem)!important}
.kk-list-copy span,.kk-quick-copy small,.kk-puja-step-copy small,.kk-mandir-stage-copy small,.kk-mandir-deity-button small{font-size:max(10.5px,.69rem)!important}
.kk-panel-label,.kk-eyebrow,.kk-card-kicker{font-size:max(9.5px,.63rem)!important;letter-spacing:.1em!important}

/* Canonical shell rhythm. */
.kk-shell-inner{padding-top:8px!important}
.kk-section{margin-top:24px!important}
.kk-section-head{gap:14px!important;align-items:flex-end!important}
.kk-card-pad{padding:20px!important}
.kk-segments{display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:5px!important}
.kk-segments::-webkit-scrollbar{display:none}

/* Today: Continue -> Context -> Next -> Explore. */
.kk-today-dashboard{display:grid!important;gap:18px!important;padding-top:18px!important}
.kk-today-priority{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important}
.kk-today-context{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;align-items:stretch!important}
.kk-today-context>.kk-panchang-card,.kk-today-context>.kk-daily-path{margin:0!important;height:100%!important}
.kk-today-next{padding:18px!important;border:1px solid var(--kk-product-line)!important;border-radius:var(--kk-product-radius-lg)!important;background:linear-gradient(180deg,rgba(214,177,95,.025),rgba(255,255,255,.012))!important}
.kk-today-next .kk-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.kk-today-next .kk-quick-action{min-height:84px!important}
.kk-explore-panel{margin-top:0!important}

/* Practice: deep Puja destinations still belong visually to one Puja tab. */
.kk-practice-home{display:grid;gap:18px}
.kk-feature-duo{gap:14px!important}
.kk-feature-card{min-height:190px!important}

/* Mandir: approved local paintings are framed, contained and never stretched. */
.kk-mandir-stage-cinematic{
  min-height:520px!important;padding:24px 24px 30px!important;
  background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--kk-mandir-accent,#d8b45f) 15%,transparent) 0%,transparent 38%),radial-gradient(ellipse at 50% 100%,rgba(173,111,38,.08),transparent 48%),linear-gradient(180deg,#170d09 0%,#0d0807 50%,#070605 100%)!important;
  border-color:color-mix(in srgb,var(--kk-mandir-accent,#d8b45f) 26%,transparent)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,236,190,.025)!important;
}
.kk-mandir-stage-cinematic:before{top:68px!important;width:min(70%,620px)!important;height:68%!important;border-color:color-mix(in srgb,var(--kk-mandir-accent,#d8b45f) 30%,transparent)!important;box-shadow:0 0 0 9px rgba(216,180,95,.012),inset 0 36px 86px rgba(0,0,0,.42)!important}
.kk-mandir-stage-cinematic:after{opacity:.55!important}
.kk-mandir-arch{opacity:.5!important}.kk-mandir-pillar{opacity:.42!important}
.kk-mandir-idol{width:min(24vw,230px)!important;max-width:100%!important;height:288px!important;margin-bottom:88px!important;padding:7px!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--kk-mandir-accent,#d8b45f) 34%,transparent)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(24,16,10,.98),rgba(7,6,5,.99))!important;box-shadow:0 20px 42px rgba(0,0,0,.5),0 0 42px var(--kk-mandir-halo,rgba(216,180,95,.12))!important;filter:none!important}
.kk-mandir-idol:before{display:block!important;content:""!important;position:absolute!important;inset:6px!important;z-index:3!important;border:1px solid rgba(245,215,154,.12)!important;border-radius:14px!important;pointer-events:none!important}
.kk-deity-art-mandir{width:100%!important;height:100%!important;overflow:hidden!important;border:0!important;border-radius:13px!important;background:#090706!important;box-shadow:none!important}
.kk-deity-art-mandir img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;image-rendering:auto!important;filter:contrast(1.035) saturate(1.045)!important;backface-visibility:hidden!important}
.kk-deity-art-mandir[data-deity-artwork="shiva"] img{object-fit:contain!important;filter:contrast(1.04) saturate(.96)!important}
.kk-mandir-stage-copy span{font-size:10px!important;letter-spacing:.1em!important}.kk-mandir-stage-copy strong{font-size:21px!important;line-height:1.15!important}.kk-mandir-stage-copy small{color:#b8ac98!important}
.kk-mandir-action-copy span{font-size:10.5px!important}.kk-mandir-action-copy strong{font-size:13px!important}
.kk-mandir-deity-button strong{font-size:11px!important}.kk-mandir-side h3,.kk-mandir-deity-rail h3{font-size:10.5px!important}
.kk-deity-symbol{height:150px!important}.kk-deity-art-card img{transform:none!important;image-rendering:auto!important;filter:contrast(1.025) saturate(1.035)!important}.kk-mandir-symbol{max-width:150px!important}

/* Offering controls must be intrinsically shrinkable even when a host does not expose
 * the page-level container relationship (embedded QA, split panes, webviews). */
.kk-mandir-offerings{min-width:0!important;max-width:100%!important;grid-template-columns:repeat(auto-fit,minmax(min(112px,100%),1fr))!important}
.kk-mandir-offering{min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
.kk-mandir-offering strong,.kk-mandir-offering small,.kk-mandir-offering-badges{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-align:center!important}
.kk-mandir-offering-badges{display:flex!important;justify-content:center!important;flex-wrap:wrap!important}
.kk-mandir-offering-badges .kk-status{max-width:100%!important;white-space:normal!important}

/* Make Virtual Puja respond to the space it actually receives, not only the browser viewport.
 * This keeps split-view/embedded/narrow-host layouts equivalent to mobile instead of overflowing. */
.kk-shell-inner>div:has(>.kk-mandir-workspace),#qaHost>div:has(>.kk-mandir-workspace){container-type:inline-size;container-name:kk-mandir-page;min-width:0}
@container kk-mandir-page (max-width:760px){
  .kk-mandir-workspace{display:flex!important;flex-direction:column!important;gap:9px!important;max-width:100%!important;min-width:0!important}
  .kk-mandir-center{order:1!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .kk-mandir-deity-rail{order:2!important;position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;max-height:none!important;min-width:0!important;box-sizing:border-box!important}
  .kk-mandir-deity-list{display:flex!important;overflow-x:auto!important;gap:6px!important;padding-bottom:2px!important;scrollbar-width:none!important}
  .kk-mandir-deity-list::-webkit-scrollbar{display:none}
  .kk-mandir-deity-button{flex:0 0 116px!important;min-width:0!important}
  .kk-mandir-side{order:3!important;position:relative!important;top:auto!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .kk-mandir-stage-cinematic,.kk-mandir-actionbar{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .kk-mandir-actionbar{position:static!important;bottom:auto!important}
  .kk-mandir-action-buttons{width:100%!important;max-width:100%!important;min-width:0!important;justify-content:flex-start!important}
  .kk-mandir-action-buttons .kk-btn{max-width:100%!important;white-space:normal!important}
  .kk-mandir-offerings{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kk-mandir-offering{min-width:0!important;width:100%!important;max-width:100%!important;padding-inline:5px!important;overflow:hidden!important}
  .kk-mandir-offering strong,.kk-mandir-offering small,.kk-mandir-offering-badges{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-align:center!important}
  .kk-mandir-offering small{display:block!important}
  .kk-mandir-offering-badges{display:flex!important;justify-content:center!important;flex-wrap:wrap!important}
  .kk-mandir-offering-badges .kk-status{max-width:100%!important;white-space:normal!important}
  .kk-mandir-ambience-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Content detail shells shared by Library/Journey/Jyotish work. */
.kk-library-results{display:grid;gap:10px}
.kk-library-detail{display:grid;gap:16px}
.kk-jyotish-context,.kk-jyotish-summary,.kk-jyotish-detail{display:grid;gap:14px}

/* Jyotish/Current Sky must respond to the width it actually receives. This keeps
 * split-view, embedded QA and webview hosts from retaining desktop three-column
 * summaries when only a phone-sized content area is available. */
.kk-jyotish-detail{container-type:inline-size;container-name:kk-jyotish-page;min-width:0;max-width:100%}
.kk-jyotish-summary,.kk-jyotish-summary .kk-mini-stat{min-width:0!important;max-width:100%!important}
.kk-jyotish-summary .kk-mini-stat strong{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
@container kk-jyotish-page (max-width:720px){
  .kk-jyotish-summary .kk-col-4{grid-column:1 / -1!important}
  .kk-sky-time-controls{align-items:stretch!important}
  .kk-sky-time-controls .kk-input{min-width:0!important;max-width:100%!important;flex:1 1 100%!important}
}

@media(max-width:900px){
  .kk-today-priority,.kk-today-context{grid-template-columns:1fr!important}
  .kk-today-next .kk-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:760px){
  .kk-shell-inner{padding-top:4px!important}
  .kk-section{margin-top:20px!important}
  .kk-card-pad{padding:17px!important}
  .kk-today-dashboard{padding-top:10px!important;gap:14px!important}
  .kk-today-next{padding:15px!important}
  .kk-mandir-workspace,.kk-mandir-center,.kk-mandir-deity-rail,.kk-mandir-side,.kk-mandir-stage-cinematic,.kk-mandir-actionbar{max-width:100%!important;min-width:0!important}
  .kk-mandir-action-buttons{min-width:0!important;max-width:100%!important;width:100%!important}
  .kk-mandir-action-buttons .kk-btn{max-width:100%!important;white-space:normal!important}
  .kk-mandir-stage-cinematic{min-height:410px!important;padding:20px 16px 24px!important}
  .kk-mandir-stage-cinematic:before{top:62px!important;width:82%!important;height:65%!important}
  .kk-mandir-idol{width:min(56vw,210px)!important;height:262px!important;margin-bottom:74px!important}
  .kk-mandir-stage-copy strong{font-size:18px!important}
  .kk-mandir-actionbar{position:static!important;bottom:auto!important}
  .kk-mandir-action-buttons .kk-btn-primary{flex:1 1 auto!important}
}
@media(max-width:480px){
  .kk-today-next .kk-quick-grid{grid-template-columns:1fr!important}
  .kk-today-next .kk-quick-action{min-height:70px!important}
  .kk-confirm-actions{display:grid;grid-template-columns:1fr}
  .kk-confirm-actions .kk-btn{width:100%}
}

/* Release polish: improve scanability without changing the established visual world. */
::selection{color:#120f0a;background:var(--kk-product-gold-soft)}
#kk-spiritual-root{scrollbar-color:rgba(214,177,95,.34) rgba(255,255,255,.025)}
#kk-spiritual-root *{box-sizing:border-box}
.kk-shell-inner>div>.kk-hero{
  padding:19px 22px 18px!important;
  border-radius:20px!important;
}
.kk-shell-inner>div>.kk-hero .kk-eyebrow{font-size:9px!important;letter-spacing:.14em!important}
.kk-shell-inner>div>.kk-hero .kk-title{
  max-width:30ch!important;
  margin:5px 0 6px!important;
  font-size:clamp(27px,2.7vw,39px)!important;
  line-height:1.06!important;
  letter-spacing:-.028em!important;
  text-wrap:balance;
}
.kk-shell-inner>div>.kk-hero .kk-subtitle{
  max-width:72ch!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.kk-shell-inner>div>.kk-hero+.kk-segments{
  min-height:50px!important;
  margin-top:9px!important;
  padding:5px 7px!important;
  gap:4px!important;
}
.kk-shell-inner>div>.kk-hero+.kk-segments .kk-segment-btn{
  min-height:38px!important;
  padding:8px 12px!important;
  font-size:11px!important;
}
.kk-section-head{margin-bottom:12px!important}
.kk-section-title{font-size:17px!important;line-height:1.25!important}
.kk-section-note{font-size:11.5px!important}
.kk-muted,.kk-meta,.kk-panel-note{font-size:12.5px!important;color:var(--kk-product-muted)!important}
.kk-list-copy strong,.kk-quick-copy strong{font-size:13px!important;line-height:1.35!important}
.kk-list-copy span,.kk-quick-copy small,.kk-puja-step-copy small,
.kk-mandir-stage-copy small,.kk-mandir-action-copy span,.kk-mandir-deity-button small{
  font-size:11.5px!important;
  line-height:1.45!important;
}
.kk-panel-label,.kk-eyebrow,.kk-card-kicker{font-size:10px!important}
.kk-dock-btn{font-size:10px!important}
.kk-dock-btn svg{width:20px!important;height:20px!important}
.kk-textarea[aria-label="Sankalpa"],
.kk-textarea[aria-label="Why it matters"],
.kk-textarea[aria-label="Karma action"]{min-height:92px!important}
.kk-input::placeholder,.kk-textarea::placeholder{color:color-mix(in srgb,var(--kk-product-muted) 78%,transparent)}

@media(max-width:760px){
  .kk-shell-inner>div>.kk-hero{padding:17px 17px 16px!important;border-radius:17px!important}
  .kk-shell-inner>div>.kk-hero .kk-title{font-size:clamp(25px,8vw,32px)!important}
  .kk-shell-inner>div>.kk-hero .kk-subtitle{font-size:12px!important}
  .kk-shell-inner>div>.kk-hero+.kk-segments{
    margin-inline:-2px!important;
    padding:5px!important;
    scroll-snap-type:x proximity;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent);
  }
  .kk-shell-inner>div>.kk-hero+.kk-segments .kk-segment-btn{scroll-snap-align:start}
  .kk-section-head{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
  .kk-section-note{text-align:left!important}
}

@media(max-width:480px){
  .kk-top{padding-inline:12px!important;gap:8px!important}
  .kk-brand-copy{display:none!important}
  .kk-brand{flex:0 0 auto!important}
  .kk-top-actions{min-width:0!important;gap:6px!important}
  .kk-language-switch{min-width:0!important}
  .kk-language-option{padding-inline:8px!important}
  .kk-theme-toggle,.kk-top-account{flex:0 0 44px!important;width:44px!important;min-width:44px!important}
  .kk-shell-inner>div>.kk-hero .kk-eyebrow{font-size:8.5px!important}
  .kk-shell-inner>div>.kk-hero .kk-title{font-size:27px!important}
  .kk-today-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .kk-today-metric{
    display:block!important;
    min-height:64px!important;
    padding:10px 8px!important;
  }
  .kk-today-metric span{margin-top:6px!important;font-size:7.5px!important}
  .kk-textarea[aria-label="Sankalpa"],
  .kk-textarea[aria-label="Why it matters"],
  .kk-textarea[aria-label="Karma action"]{min-height:82px!important}
}