.bp-shell{display:flex;justify-content:center;align-items:center;padding:20px 0}.bp-phone{position:relative;width:300px;height:620px;flex-shrink:0;font-family:Inter,system-ui,sans-serif;color:#3d2e1f}@media(min-width:768px){.bp-phone{width:340px;height:700px}}.bp-glow{position:absolute;inset:-60px;border-radius:50%;background:radial-gradient(circle,rgba(212,165,71,.18) 0,transparent 65%);pointer-events:none;animation:bp-glow 6s ease-in-out infinite;z-index:0}@keyframes bp-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.bp-screen{position:absolute;inset:9px;border-radius:38px;overflow:hidden;background:#fdf6e9;z-index:1}@media(min-width:768px){.bp-screen{inset:11px;border-radius:44px}}.bp-overlay{position:absolute;inset:0;border-radius:48px;pointer-events:none;z-index:10;box-shadow:inset 0 0 0 9px #1c1a18,inset 0 0 0 10px rgba(255,255,255,.03),0 0 0 1.5px #3a3530,0 0 0 3px #111,0 30px 80px rgba(0,0,0,.7)}@media(min-width:768px){.bp-overlay{border-radius:55px;box-shadow:inset 0 0 0 11px #1c1a18,inset 0 0 0 12px rgba(255,255,255,.03),0 0 0 1.5px #3a3530,0 0 0 3px #111,0 40px 100px rgba(0,0,0,.75)}}.bp-island{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:104px;height:30px;background:#0d0b08;border-radius:18px;z-index:15}@media(min-width:768px){.bp-island{top:18px;width:120px;height:34px;border-radius:20px}}.bp-home-ind{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:110px;height:4px;background:rgba(0,0,0,.28);border-radius:3px;z-index:15}.bp-btn-l{left:-3px;top:118px;height:28px;border-radius:3px 0 0 3px;box-shadow:0 42px 0 #2a2520,0 78px 0 #2a2520}.bp-btn-l,.bp-btn-r{position:absolute;width:3px;background:#2a2520;z-index:11}.bp-btn-r{right:-3px;top:160px;height:60px;border-radius:0 3px 3px 0}.bp-aurora{position:absolute;inset:0;pointer-events:none;overflow:hidden}@media(min-width:768px){.bp-aurora:after,.bp-aurora:before{content:"";position:absolute;width:130%;height:130%;border-radius:50%;filter:blur(50px);opacity:.22}.bp-aurora:before{background:radial-gradient(circle,#d4a547 0,transparent 70%);top:-45%;left:-35%;animation:bp-aurora 28s ease-in-out infinite}.bp-aurora:after{background:radial-gradient(circle,#f0dcb0 0,transparent 70%);bottom:-45%;right:-35%;animation:bp-aurora 28s ease-in-out infinite reverse;animation-delay:-14s}}@keyframes bp-aurora{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8%,-6%) scale(1.08)}66%{transform:translate(-6%,6%) scale(.95)}}.bp-screens{overflow:hidden}.bp-screens,.bp-slide{position:absolute;inset:0}.bp-slide{opacity:0;transition:opacity .65s ease;pointer-events:none}.bp-slide.is-active{opacity:1;pointer-events:auto}.bp-scroll{position:absolute;inset:0;padding:54px 16px 76px;overflow:hidden}.bp-app-header{justify-content:space-between;margin-bottom:18px}.bp-app-header,.bp-user-btn{display:flex;align-items:center}.bp-user-btn{width:34px;height:34px;border-radius:50%;background:#fffbf1;border:1px solid #ead9b8;justify-content:center;color:#7a6b57}.bp-greet h1{font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:500;line-height:1.1;color:#3d2e1f;margin:0}.bp-greet p{font-size:12px;color:#7a6b57;margin-top:4px}.bp-verse{margin-top:16px;padding:14px 16px;border-radius:16px;background:#fffbf1;border:1px solid #ead9b8;box-shadow:0 1px 2px rgba(61,46,31,.04),0 8px 24px -12px rgba(61,46,31,.18)}.bp-eyebrow{font-size:9px;font-weight:600;color:#a6822f;text-transform:uppercase;letter-spacing:.08em}.bp-verse blockquote{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:16px;line-height:1.32;color:#3d2e1f;margin:6px 0 4px;font-weight:400}.bp-verse-ref{font-size:10px;color:#7a6b57;text-align:right}.bp-section-h{display:flex;align-items:flex-end;justify-content:space-between;margin:18px 0 10px}.bp-section-h h2{font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-weight:500;color:#3d2e1f}.bp-section-h span{font-size:10px;color:#7a6b57}.bp-prod-list{display:flex;flex-direction:column;gap:8px}.bp-prod{gap:10px;padding:10px;border-radius:13px;background:#fffbf1;border:1px solid #ead9b8;box-shadow:0 1px 2px rgba(61,46,31,.04),0 4px 12px -6px rgba(61,46,31,.12)}.bp-prod,.bp-prod-thumb{display:flex;align-items:center}.bp-prod-thumb{width:48px;height:48px;border-radius:11px;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px -4px rgba(0,0,0,.25)}.bp-prod-body{flex:1;min-width:0}.bp-prod-body h3{font-family:Cormorant Garamond,Georgia,serif;font-size:14px;font-weight:500;color:#3d2e1f;margin:1px 0;line-height:1.15}.bp-prod-sub{font-size:10px;color:#7a6b57}.bp-mus-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bp-mus-header h1{font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:500;color:#3d2e1f}.bp-search{width:32px;height:32px;border-radius:50%;background:#fffbf1;border:1px solid #ead9b8;display:flex;align-items:center;justify-content:center;color:#7a6b57}.bp-micro{font-size:9px;font-weight:600;color:#a6822f;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.bp-chips{display:flex;gap:6px;flex-wrap:wrap}.bp-chip{font-size:11px;padding:5px 11px;border-radius:14px;background:#fffbf1;border:1px solid #ead9b8;color:#3d2e1f;display:inline-flex;align-items:center;gap:4px}.bp-chip.on{background:linear-gradient(135deg,#d4a547,#a6822f);color:#fff;border-color:transparent}.bp-chip.locked{color:#a59880}.bp-emo{display:flex;gap:5px;flex-wrap:wrap}.bp-pill{font-size:10px;padding:5px 10px;border-radius:13px;background:#fffbf1;border:1px solid #ead9b8;color:#3d2e1f}.bp-pill.on{background:#3d2e1f;color:#fdf6e9;border-color:#3d2e1f}.bp-tracks{margin-top:12px;display:flex;flex-direction:column;gap:7px}.bp-track{display:flex;align-items:center;gap:9px;padding:8px;border-radius:11px;background:#fffbf1;border:1px solid #ead9b8}.bp-track.playing{background:linear-gradient(135deg,#fffbf1,#fef4e0);border-color:#d4a547}.bp-track-cover{width:42px;height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bp-track-cover span{font-family:Cormorant Garamond,Georgia,serif;font-size:14px;font-weight:500;color:#fff}.bp-track-meta{flex:1;min-width:0}.bp-track-eyebrow{font-size:8.5px;font-weight:600;color:#a6822f;text-transform:uppercase;letter-spacing:.08em}.bp-track-title{font-family:Cormorant Garamond,Georgia,serif;font-size:13px;font-weight:500;color:#3d2e1f;line-height:1.2;margin:1px 0}.bp-track-sub{font-size:9.5px;color:#7a6b57;display:flex;align-items:center;gap:4px}.bp-dot{width:4px;height:4px;background:#d4a547;display:inline-block}.bp-dot,.bp-play{border-radius:50%}.bp-play{width:30px;height:30px;background:#fdf6e9;border:1px solid #ead9b8;color:#a6822f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bp-play.playing{background:#d4a547;border-color:#d4a547;color:#3d2e1f}.bp-mini{position:absolute;left:10px;right:10px;bottom:60px;padding:8px 10px;border-radius:14px;background:rgba(255,251,241,.94);backdrop-filter:blur(10px);border:1px solid #ead9b8;display:flex;align-items:center;gap:8px;z-index:35;box-shadow:0 8px 28px -10px rgba(61,46,31,.35);transform:translateY(80px);opacity:0;transition:opacity .4s ease,transform .4s ease}.bp-mini.show{transform:translateY(0);opacity:1}.bp-mini-cover{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bp-mini-cover span{font-family:Cormorant Garamond,Georgia,serif;font-size:12px;color:#fff}.bp-mini-meta{flex:1;min-width:0}.bp-mini-title{font-size:12px;font-weight:500;color:#3d2e1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-mini-sub{font-size:10px;color:#7a6b57}.bp-mini-pause{width:30px;height:30px;border-radius:50%;background:#d4a547;color:#3d2e1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 1px rgba(212,165,71,.25),0 8px 20px -8px rgba(212,165,71,.45)}.bp-wave{display:inline-flex;align-items:center;gap:2px;height:14px}.bp-wave span{display:block;width:2.5px;height:100%;background:currentColor;border-radius:2px;animation:bp-wave 1.1s ease-in-out infinite}.bp-wave span:nth-child(2){animation-delay:.15s}.bp-wave span:nth-child(3){animation-delay:.3s}.bp-wave span:nth-child(4){animation-delay:.45s}@keyframes bp-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.bp-nav{position:absolute;left:0;right:0;bottom:0;padding:8px 10px 14px;background:rgba(255,251,241,.92);backdrop-filter:blur(10px);border-top:1px solid #ead9b8;z-index:40}.bp-nav-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.bp-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#a59880;font-size:9px;position:relative;padding-top:6px}.bp-nav-item.active{color:#a6822f}.bp-nav-item.active:before{content:"";position:absolute;top:-2px;left:30%;right:30%;height:2.5px;background:#d4a547;border-radius:2px}@media(prefers-reduced-motion:reduce){.bp-aurora:after,.bp-aurora:before,.bp-glow,.bp-wave span{animation:none!important}.bp-slide{transition:none}}