body{background:
  radial-gradient(circle at 12% 8%,rgba(212,181,117,.16),transparent 30%),
  radial-gradient(circle at 88% 35%,rgba(184,146,79,.1),transparent 32%),
  var(--canvas)}

/* Entry screen: fixed dark cinematic brand experience, independent of theme setting */
.pp-zen-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:linear-gradient(160deg,#1a1611,#0d0d0c 55%,#0d0d0c)}
.pp-zen-bg:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 30% 20%,rgba(73,59,34,.5),transparent 55%),radial-gradient(circle at 75% 80%,rgba(34,32,24,.5),transparent 60%);animation:pp-zen-drift 22s ease-in-out infinite alternate}
.pp-zen-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease}
.pp-zen-bg video.is-ready{opacity:.52}
.pp-zen-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,12,.62),rgba(13,13,12,.48) 45%,rgba(13,13,12,.83))}
.pp-entry{position:relative;z-index:1;background:transparent}
.pp-entry-card{position:relative;border-radius:28px;border-color:rgba(212,181,117,.28);background:rgba(24,23,20,.82);box-shadow:0 36px 110px rgba(0,0,0,.5);backdrop-filter:blur(24px);overflow:hidden}
.pp-entry-card:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.05);pointer-events:none}
.pp-entry-card .pp-logo{border-radius:18px;background:rgba(17,16,14,.8);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.pp-entry-card .pp-btn{border-radius:13px}
.pp-entry-note{border-top-color:rgba(255,255,255,.11)}
.pp-audio-toggle{position:fixed;right:22px;bottom:22px;z-index:4;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(13,13,12,.66);backdrop-filter:blur(12px);color:#e8dfce;display:grid;place-items:center;padding:0;transition:.2s}
.pp-audio-toggle:hover,.pp-audio-toggle[data-on="true"]{border-color:var(--gold-light);color:#f1cf87;background:rgba(29,24,16,.8)}
.pp-audio-toggle svg{width:19px;height:19px}

.pp-demo-bar{box-shadow:0 1px rgba(255,255,255,.03)}
.pp-header{height:88px;border-bottom:0;box-shadow:0 8px 30px rgba(54,45,32,.07)}
.pp-brand img{filter:drop-shadow(0 4px 9px rgba(184,146,79,.2))}
.pp-stepbar{top:88px;border-bottom:0;background:var(--surface-glass);backdrop-filter:blur(15px);box-shadow:0 10px 28px rgba(54,45,32,.06)}
.pp-steps{padding:20px 28px}
.pp-step span{border-width:1px;box-shadow:0 3px 10px rgba(66,53,34,.06)}
.pp-step.active span{box-shadow:0 7px 18px rgba(184,146,79,.25)}
.pp-main{padding-top:50px}
.pp-card{border-color:var(--line);border-radius:26px;box-shadow:0 18px 52px rgba(54,45,32,.09)}
.pp-tour-card{position:relative;overflow:hidden}
.pp-tour-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--gold),var(--gold-light),rgba(212,181,117,.2))}
.pp-banner{border-radius:17px;border-color:var(--surface-banner-border);background:linear-gradient(135deg,var(--card-grad-a),var(--surface-banner));box-shadow:0 8px 22px rgba(72,57,34,.04)}
.pp-banner.danger{background:linear-gradient(135deg,var(--card-grad-a),var(--surface-banner-danger))}
.pp-icon{border-radius:11px;background:var(--card-grad-a);box-shadow:0 5px 14px rgba(87,67,38,.06)}
.pp-feature{border-radius:19px;border-color:var(--line);background:linear-gradient(145deg,var(--card-grad-a),var(--card-grad-b));box-shadow:0 9px 24px rgba(65,52,34,.045)}
.pp-feature:hover{box-shadow:0 16px 34px rgba(65,52,34,.1);transform:translateY(-2px)}
.pp-instruction{border-radius:17px;border-color:var(--line);background:linear-gradient(145deg,var(--card-grad-a),var(--card-grad-b));box-shadow:0 8px 22px rgba(65,52,34,.035)}
.pp-instruction>span{border-radius:50%;background:var(--card-grad-a)}
.pp-summary{overflow:hidden;border-radius:17px;border-color:var(--line);box-shadow:0 8px 22px rgba(65,52,34,.035)}
.pp-summary-row{background:var(--surface-row-glass)}
.pp-btn{border-radius:13px;transition:transform .18s,box-shadow .18s,background .18s}
.pp-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(43,35,24,.12)}
.pp-btn-gold{box-shadow:0 8px 22px rgba(184,146,79,.2)}

.pp-shell{background:
  radial-gradient(circle at 0 18%,rgba(212,181,117,.12),transparent 32%),
  radial-gradient(circle at 100% 72%,rgba(184,146,79,.08),transparent 30%),
  var(--canvas)}
.pp-nav-wrap{top:88px;border-bottom:0;background:var(--surface-glass);backdrop-filter:blur(14px);box-shadow:0 7px 22px rgba(54,45,32,.055)}
.pp-nav{gap:4px;padding:8px 20px}
.pp-tab{min-height:38px;border-radius:19px;padding:0 16px;transition:.18s}
.pp-tab:hover{background:var(--tab-hover-bg);color:var(--ink)}
.pp-tab.active{background:var(--tab-active-bg);color:var(--tab-active-fg);box-shadow:inset 0 0 0 1px var(--tab-active-ring)}
.pp-tab.active:after{display:none}
.pp-badge{box-shadow:0 4px 10px rgba(184,146,79,.22)}
.pp-page{padding-top:48px}
.pp-page-head{margin-bottom:28px}
.pp-page-head h1{letter-spacing:-.02em}
.pp-panel{overflow:hidden;border-color:var(--line);border-radius:22px;background:var(--surface-panel-glass);box-shadow:0 16px 40px rgba(54,45,32,.075)}
.pp-panel-head{background:linear-gradient(180deg,var(--panel-head-grad-a),var(--panel-head-grad-b));border-bottom-color:var(--line)}
.pp-action-panel{border-left:0;box-shadow:inset 4px 0 var(--gold),0 16px 40px rgba(54,45,32,.075)}
.pp-action-row,.pp-list-row{padding:17px 2px}
.pp-date{border-right-color:var(--line)}
.pp-chip{border-radius:999px;padding:5px 10px}
.pp-empty .pp-icon{border-radius:50%}
.pp-metrics{overflow:hidden;border-radius:20px;border-color:var(--line);box-shadow:0 14px 34px rgba(54,45,32,.065)}
.pp-metric{background:var(--surface-metric-glass)}
.pp-bar i{border-radius:12px 12px 4px 4px;box-shadow:0 5px 15px rgba(184,146,79,.17)}
.pp-field input,.pp-field select,.pp-field textarea{border-radius:12px;border-color:var(--line);background:var(--card-grad-a);transition:.18s}
.pp-field input:focus,.pp-field select:focus,.pp-field textarea:focus{box-shadow:0 0 0 3px rgba(184,146,79,.13)}
.pp-choice{border-radius:14px;background:var(--card-grad-a)}
.pp-choice:hover,.pp-choice.selected{box-shadow:0 7px 18px rgba(92,69,35,.07)}
.pp-urgent{border-radius:14px}
.pp-modal-backdrop{backdrop-filter:blur(8px)}
.pp-modal{border-radius:24px;border-color:var(--modal-border);box-shadow:0 45px 120px rgba(0,0,0,.34)}
.pp-modal-head{background:linear-gradient(180deg,var(--modal-head-grad-a),var(--modal-head-grad-b))}
.pp-footer{border-top:0;box-shadow:0 -7px 22px rgba(54,45,32,.04)}

@keyframes pp-zen-drift{from{transform:scale(1) translate(0,0)}to{transform:scale(1.08) translate(-2%,-1%)}}
@media(prefers-reduced-motion:reduce){.pp-zen-bg:before{animation:none}.pp-zen-bg video{display:none}.pp-btn,.pp-feature,.pp-instruction{transition:none}}
@media(max-width:760px){.pp-header{height:64px}.pp-stepbar,.pp-nav-wrap{top:64px}.pp-card{border-radius:20px}.pp-panel{border-radius:18px}.pp-entry-card{border-radius:24px}.pp-page{padding-top:30px}.pp-nav{padding:7px 12px}.pp-tab{border-radius:18px}.pp-audio-toggle{top:16px;right:16px;bottom:auto}}

.pp-entry-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;width:min(980px,100%);border-radius:28px;border:1px solid rgba(212,181,117,.28);background:rgba(24,23,20,.82);box-shadow:0 36px 110px rgba(0,0,0,.5);backdrop-filter:blur(24px);overflow:hidden}
.pp-entry-grid .pp-entry-card{border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;width:100%}
.pp-entry-media{position:relative;min-height:200px;background:#0d0d0c;order:-1}
.pp-entry-media img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;opacity:.92}
.pp-entry-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,12,0) 45%,rgba(13,13,12,.92)),linear-gradient(90deg,rgba(37,29,15,.28),rgba(13,13,12,0) 60%)}
.pp-entry-media-caption{position:absolute;left:22px;right:22px;bottom:18px;z-index:1;color:#e8dfce;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
@media(min-width:860px){.pp-entry-grid{grid-template-columns:1fr 1fr;align-items:stretch;max-height:calc(100svh - 52px)}.pp-entry-media{order:0;min-height:100%}.pp-entry-media:after{background:linear-gradient(90deg,rgba(13,13,12,.06),rgba(13,13,12,0) 40%),linear-gradient(180deg,rgba(13,13,12,0) 55%,rgba(13,13,12,.85))}.pp-entry-grid .pp-entry-card{display:flex;flex-direction:column;justify-content:center;padding:56px 52px;text-align:left;max-height:calc(100svh - 52px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(212,181,117,.35) transparent}.pp-entry-grid .pp-entry-card::-webkit-scrollbar{width:6px}.pp-entry-grid .pp-entry-card::-webkit-scrollbar-thumb{background:rgba(212,181,117,.35);border-radius:6px}.pp-entry-grid .pp-entry-card::-webkit-scrollbar-track{background:transparent}.pp-entry-grid .pp-logo{margin:0 0 24px}.pp-entry-grid .pp-actions{justify-content:flex-start}}

.pp-clinic-media{margin:-20px -20px 16px;overflow:hidden}
.pp-clinic-media img{width:100%;height:150px;object-fit:cover;object-position:top center;display:block;filter:saturate(.95)}
