:root{
  --rn9-shadow-xl:0 34px 96px rgba(64,41,87,.14),0 12px 34px rgba(219,156,67,.10);
  --rn9-shadow-md:0 20px 48px rgba(64,41,87,.10),0 8px 22px rgba(219,156,67,.08);
  --rn9-shell:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,250,243,.88));
  --rn9-border:rgba(216,154,41,.18);
}
body.rn-v7{
  background:
    radial-gradient(circle at 8% 8%, rgba(248,204,113,.12), transparent 24%),
    radial-gradient(circle at 92% 6%, rgba(191,159,255,.12), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(255,224,177,.10), transparent 24%),
    linear-gradient(180deg,#fffdf9 0%,#fff9f1 48%,#fffaf4 100%);
}
body.rn-v7::before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.46;z-index:-1;
  background-image:radial-gradient(circle, rgba(210,166,71,.12) 1px, transparent 1.2px);
  background-size:28px 28px;
  mask:linear-gradient(180deg,rgba(0,0,0,.85),transparent 78%);
}
.rn7-appbar,.rn7-shell-nav,.rn7-login-top,.rn7-topbar{
  backdrop-filter:blur(16px);
}
.rn7-appbar,.rn7-shell-nav{
  background:rgba(255,255,255,.72);
  border-color:rgba(216,154,41,.15)!important;
  box-shadow:var(--rn9-shadow-md);
}
.rn7-appbar nav a,.rn7-shell-nav nav a{
  position:relative;overflow:hidden;
}
.rn7-appbar nav a::after,.rn7-shell-nav nav a::after{
  content:"";position:absolute;inset:auto 14px 10px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,#e1a03c,#f2d58a,#aa82ff);transform:scaleX(0);transform-origin:left;transition:transform .28s ease;
}
.rn7-appbar nav a:hover::after,.rn7-appbar nav a.active::after,.rn7-shell-nav nav a:hover::after,.rn7-shell-nav nav a.active::after{transform:scaleX(1)}
.rn8-surface,.rn8-ledger,.rn8-route-grid a,.rn8-card,.rn8-wallet-grid>article,.rn8-garden-grid>article,.rn8-garden-explainer,.rn8-purpose-grid article,.rn8-stat-grid article,.rn8-dashboard-wheel,.rn8-daily-tasks{
  background:var(--rn9-shell);
  border-color:var(--rn9-border)!important;
  box-shadow:var(--rn9-shadow-xl)!important;
}
.rn8-hero,.rn8-login-stage,.rn8-app-hero,.rn8-treasury-hero,.rn8-garden-hero{
  position:relative;
  isolation:isolate;
}
.rn8-hero::after,.rn8-login-stage::after,.rn8-app-hero::after,.rn8-treasury-hero::after,.rn8-garden-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 82% 16%, rgba(250,216,147,.18), transparent 18%), radial-gradient(circle at 16% 84%, rgba(194,160,255,.12), transparent 24%);
}
.rn8-login-art,.rn8-login-form,.rn8-hero-copy,.rn8-hero-media,.rn8-app-hero > *, .rn8-treasury-hero > *, .rn8-garden-hero > * {position:relative;z-index:1}
.rn8-visual-shell,.rn8-app-hero figure,.rn8-treasury-hero figure,.rn8-garden-hero figure,.rn8-vault-card figure,.rn8-workspace-visual figure{
  position:relative;
  background:linear-gradient(180deg,#fffefb,#fff4e7 56%,#fff9f3);
  border:1px solid rgba(222,176,89,.22)!important;
  box-shadow:0 26px 70px rgba(84,51,103,.10), inset 0 1px 0 rgba(255,255,255,.84);
}
.rn8-visual-shell::before,.rn8-app-hero figure::before,.rn8-treasury-hero figure::before,.rn8-garden-hero figure::before,.rn8-vault-card figure::before,.rn8-workspace-visual figure::before{
  content:"";position:absolute;inset:10px;border-radius:24px;pointer-events:none;border:1px solid rgba(255,255,255,.70)
}
.rn8-visual-shell img,.rn8-app-hero figure img,.rn8-treasury-hero figure img,.rn8-garden-hero figure img,.rn8-vault-card figure img,.rn8-workspace-visual figure img{
  transform:translateZ(0);
  filter:drop-shadow(0 26px 38px rgba(93,56,80,.12));
}
.rn8-login-form{
  position:relative;
  background:linear-gradient(180deg,#24123a,#170d29);
  color:#fff;
}
.rn8-login-form::before{
  content:"";position:absolute;inset:-10% auto auto -12%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,207,103,.18),transparent 68%);pointer-events:none;
}
.rn8-login-form header p,.rn8-login-form .rn8-login-tags span{color:rgba(255,255,255,.72)}
.rn8-login-input{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.rn8-login-input input{color:#fff!important;background:transparent!important}
.rn8-login-input input::placeholder{color:rgba(255,255,255,.40)}
.rn8-login-input i{color:#f6ca67!important}
.rn8-hatch,.rn8-btn.primary,.rn8-dashboard-wheel .rn8-btn.small,.rn8-garden-grid .actions button:first-child,.rn8-garden-grid form button{
  position:relative;overflow:hidden;
}
.rn8-hatch::after,.rn8-btn.primary::after,.rn8-dashboard-wheel .rn8-btn.small::after,.rn8-garden-grid .actions button:first-child::after,.rn8-garden-grid form button::after{
  content:"";position:absolute;inset:-35% auto -35% -18%;width:32%;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  animation:rn9Sheen 4.8s ease-in-out infinite;
}
@keyframes rn9Sheen{0%,100%{left:-24%}55%{left:108%}}
.rn8-pillars article,.rn8-trust-grid article,.rn8-purpose-grid article,.rn8-stat-grid article,.rn8-goal-card label,.rn8-garden-grid [data-preset-list] article{
  background:rgba(255,255,255,.78)!important;
}
.rn8-balance-panel,.rn8-status-card{
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,#26133d 0%, #170d2b 55%, #3a2057 100%)!important;
  box-shadow:0 30px 80px rgba(36,19,58,.28)!important;
}
.rn8-balance-panel::before,.rn8-status-card::before{
  content:"";position:absolute;inset:auto -10% -18% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,115,.18),transparent 68%);
}
.rn8-balance-panel .crest,.rn8-status-card img{filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.rn8-title{letter-spacing:-.055em}
.rn8-text{color:rgba(44,31,60,.74)}
.rn8-goal-card input,.rn8-garden-grid input,.rn8-garden-grid textarea{box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.rn8-goal-card .presets button:hover,.rn8-ledger .filters button:hover,.rn8-garden-grid button:hover,.rn8-route-grid a:hover,.rn8-btn:hover,.rn8-card .cta-link:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(72,45,90,.10);
}
.rn8-garden-explainer h2,.rn8-garden-grid h2,.rn8-ledger header h2,.rn8-dashboard-main h2,.rn8-dashboard-tools h2{letter-spacing:-.045em}
.rn8-wallet-grid .rn8-vault-card ul span,.rn8-ledger .rows article span,.rn8-ledger .rows article time{color:rgba(44,31,60,.58)}
body[data-rn-theme="pearl"] .rn8-surface,body[data-rn-theme="pearl"] .rn8-ledger,body[data-rn-theme="pearl"] .rn8-wallet-grid>article,body[data-rn-theme="pearl"] .rn8-garden-grid>article,body[data-rn-theme="pearl"] .rn8-purpose-grid article{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,251,255,.90))!important;
}
body[data-rn-theme="aurora"]{
  background:
    radial-gradient(circle at 8% 8%, rgba(119,224,199,.12), transparent 24%),
    radial-gradient(circle at 92% 6%, rgba(182,144,255,.14), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(255,224,177,.10), transparent 24%),
    linear-gradient(180deg,#fffdf9 0%,#f9fff9 48%,#fffaf4 100%);
}
body[data-rn-motion="0"] .rn8-hatch::after,
body[data-rn-motion="0"] .rn8-btn.primary::after,
body[data-rn-motion="0"] .rn8-dashboard-wheel .rn8-btn.small::after,
body[data-rn-motion="0"] .rn8-garden-grid .actions button:first-child::after,
body[data-rn-motion="0"] .rn8-garden-grid form button::after{animation:none}
@media (max-width:720px){
  .rn8-app-hero figure,.rn8-treasury-hero figure,.rn8-garden-hero figure,.rn8-vault-card figure{padding:12px}
  .rn8-balance-panel strong{font-size:42px}
}

.rn8-surface.is-lifted,.rn8-wallet-grid>article.is-lifted,.rn8-garden-grid>article.is-lifted,.rn8-purpose-grid article.is-lifted,.rn8-stat-grid article.is-lifted{transform:translateY(-2px);transition:transform .24s ease, box-shadow .24s ease}

/* V9 exclusive art integration: seamless non-cropped brand visuals */
.rn9-hero-stage{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 18px 18px 10px;
  min-height:690px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.78), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(223,194,255,.12), transparent 22%),
    linear-gradient(180deg,#fffdf8 0%,#fff6ea 55%,#fffaf4 100%);
}
.rn9-hero-stage::before{
  inset:10px !important;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.10));
}
.rn7-hero-visual.rn9-hero-stage > img.rn9-hero-art{
  position:relative;
  inset:auto;
  width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  transform:none;
  display:block;
  z-index:1;
  filter:drop-shadow(0 24px 36px rgba(102,63,95,.10));
}
.rn9-vault-art{
  width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
  filter:drop-shadow(0 20px 28px rgba(90,54,90,.10));
}
.rn9-login-art,
.rn9-figure img{
  width:100%;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block;
  filter:drop-shadow(0 24px 34px rgba(90,54,90,.12));
}
.rn9-figure{
  position:relative;
  margin:0;
  display:grid;
  place-items:center;
  padding:10px;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 12%, rgba(255,255,255,.78), transparent 24%),
    linear-gradient(180deg,#fffdf8 0%,#fff5e8 58%,#fffaf3 100%) !important;
}
.rn9-figure::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.76);
  pointer-events:none;
}
.rn9-figure--nest img{max-height:410px}
.rn9-figure--basket img{max-height:390px}
.rn9-figure--vault img{max-height:280px}
.rn8-visual-shell{
  background:
    radial-gradient(circle at 50% 14%, rgba(255,255,255,.76), transparent 26%),
    linear-gradient(180deg,#fffefb,#fff6ea 56%,#fff9f3) !important;
}
.rn8-visual-shell img.rn9-login-art{max-height:100%;}
@media (max-width:1050px){
  .rn9-hero-stage{min-height:560px;padding:12px}
  .rn9-figure--nest img{max-height:360px}
}
@media (max-width:720px){
  .rn9-hero-stage{min-height:430px;padding:10px}
  .rn9-figure{padding:8px}
  .rn9-figure--nest img{max-height:300px}
  .rn9-figure--basket img{max-height:280px}
  .rn9-figure--vault img{max-height:220px}
}