:root{--font-sans:"Outfit", sans-serif;--font-serif:"Playfair Display", serif;--hue-accent:30;--color-bg:#0b0c10;--color-bg-card:#161821b3;--color-bg-elevated:#1e212de6;--color-border:#c4956a26;--color-border-hover:#c4956a4d;--color-text-primary:#f3f4f6;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-accent:hsl(var(--hue-accent), 50%, 60%);--color-accent-light:hsl(var(--hue-accent), 60%, 75%);--color-accent-dark:hsl(var(--hue-accent), 40%, 45%);--color-life:#10b981;--color-mercy:#8b5cf6;--color-jesus:#ef4444;--color-mary:#3b82f6;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 48px #00000080;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}[data-theme=light]{--color-bg:#f5f5f7;--color-bg-card:#ffffffd9;--color-bg-elevated:#fffffff2;--color-border:#c4956a40;--color-border-hover:#c4956a80;--color-text-primary:#1c1d21;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-accent:hsl(var(--hue-accent), 55%, 45%);--color-accent-light:hsl(var(--hue-accent), 45%, 55%);--color-accent-dark:hsl(var(--hue-accent), 60%, 35%);--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 48px #0000001f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:thin;scrollbar-color:var(--color-accent-dark) transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:700}.serif-title{font-family:var(--font-serif);font-style:italic;font-weight:600}.scroll-container{-webkit-overflow-scrolling:touch;height:100%;padding-bottom:120px;overflow-y:auto}.glass-panel{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), transform var(--transition-fast), box-shadow var(--transition-fast)}.glass-panel:hover{border-color:var(--color-border-hover)}.top-nav-bar{z-index:100;padding-top:calc(12px + var(--safe-top));background:var(--color-bg-card);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal) cubic-bezier(.4, 0, .2, 1);padding-bottom:12px;padding-left:20px;padding-right:20px;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.top-nav-bar.collapsed{transform:translateY(-100%)}.top-nav-toggle-handle{top:calc(58px + var(--safe-top));z-index:150;background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm);cursor:pointer;width:60px;height:24px;color:var(--color-accent);transition:top var(--transition-normal) cubic-bezier(.4, 0, .2, 1), background-color var(--transition-fast);border-top:none;justify-content:center;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.top-nav-toggle-handle:hover{background:var(--color-bg-elevated)}.top-nav-toggle-handle.collapsed{height:28px;top:0}.bottom-nav-bar{z-index:100;padding-bottom:calc(10px + var(--safe-bottom));background:var(--color-bg-card);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--color-border);transition:transform var(--transition-normal) cubic-bezier(.4, 0, .2, 1);padding-top:10px;position:fixed;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -4px 24px #0003}.bottom-nav-bar.collapsed{transform:translateY(100%)}.bottom-nav-toggle-handle{bottom:calc(64px + var(--safe-bottom));z-index:150;background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;width:60px;height:24px;color:var(--color-accent);transition:bottom var(--transition-normal) cubic-bezier(.4, 0, .2, 1), background-color var(--transition-fast);border-bottom:none;justify-content:center;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 -4px 12px #00000026}.bottom-nav-toggle-handle:hover{background:var(--color-bg-elevated)}.bottom-nav-toggle-handle.collapsed{border-bottom:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;height:28px;bottom:0}.ribbon-container{cursor:pointer;z-index:10;width:24px;height:36px;transition:transform var(--transition-fast);position:absolute;top:0;right:18px}.ribbon-container:hover{transform:translateY(2px)}.ribbon{background:var(--color-text-muted);clip-path:polygon(0% 0%,100% 0%,100% 100%,50% 80%,0% 100%);opacity:.3;width:100%;height:100%;transition:background-color var(--transition-normal), opacity var(--transition-normal)}.ribbon-container.active .ribbon{opacity:1;background:linear-gradient(135deg,#d4af37,#aa7c11);box-shadow:0 2px 10px #aa7c1166}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animated-slideup{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.tab-content{flex-direction:column;min-height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.player-container{border:1px dashed var(--color-accent);border-radius:var(--radius-md);transition:background-color var(--transition-fast);background:#c4956a0d;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;margin-bottom:24px;padding:16px;display:flex}.player-container:hover{background:#c4956a14}.player-btn{background:var(--color-accent);color:#0b0c10;cursor:pointer;width:44px;height:44px;transition:transform var(--transition-fast), background-color var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #c4956a4d}.player-btn:hover{background:var(--color-accent-light);transform:scale(1.08)}.player-btn:active{transform:scale(.96)}.theme-switch{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:30px;justify-content:center;align-items:center;padding:4px;display:flex}.theme-switch-btn{transition:all var(--transition-fast);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.theme-switch-btn.active{background:var(--color-accent);color:#0b0c10}.progress-ring-circle{transform-origin:50%;transition:stroke-dashoffset .35s;transform:rotate(-90deg)}.merged-station-badge{background:linear-gradient(135deg, var(--color-jesus) 0%, var(--color-mary) 100%)!important;border-color:#fff6!important;box-shadow:0 0 10px #ef44444d!important}.merged-station-card{position:relative}.merged-station-card:before{content:"";border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-jesus), var(--color-mary));-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}