.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.download-card{position:relative;padding:18px;display:grid;gap:14px}.download-card.recommended{grid-column:1/-1;border-color:color-mix(in srgb,var(--bp-primary) 42%,var(--bp-line));box-shadow:0 18px 42px rgba(37,99,235,.14);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(34,197,94,.06)),var(--bp-card)}.download-recommend-badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--bp-r-sm);background:var(--bp-primary);color:white;font-size:var(--bp-fs-caption);font-weight:var(--bp-fw-bold);line-height:1}.download-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.download-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--bp-r-md);background:var(--bp-soft);color:var(--bp-primary)}.download-card h2{margin:0;color:var(--bp-strong);font-size:var(--bp-fs-h3);line-height:var(--bp-lh-tight);font-weight:var(--bp-fw-heavy)}.download-card-head p,.download-notes{margin:4px 0 0;color:var(--bp-faint);font-size:var(--bp-fs-sm);line-height:var(--bp-lh-normal)}.download-notes{margin:0;color:var(--bp-muted);white-space:pre-wrap}.download-actions,.download-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.download-channels{display:grid;gap:10px}.download-channel{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px;border:1px solid var(--bp-line);border-radius:var(--bp-r-md);background:var(--bp-soft)}.download-channel-main{display:grid;gap:10px;min-width:0;flex:1 1 180px}.download-channel-main h3{margin:0;color:var(--bp-strong);font-size:var(--bp-fs-h3);line-height:var(--bp-lh-tight)}.download-channel-main p{margin:4px 0 0;color:var(--bp-muted);font-size:var(--bp-fs-sm);line-height:var(--bp-lh-normal)}.download-channel-main .btn{width:fit-content}.download-channel-qr{width:116px;display:grid;justify-items:center;gap:6px;color:var(--bp-muted);font-size:var(--bp-fs-caption);text-align:center}.download-channel-qr img{width:96px;height:96px;object-fit:contain;border-radius:8px;background:white;border:1px solid var(--bp-line)}@media (max-width:560px){.download-actions .btn{width:100%}.download-recommend-badge{position:static;width:fit-content}.download-channel-main .btn,.download-channel-qr{width:100%}}.reaction-counts{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--bp-faint)}.reaction-counts__item{display:inline-flex;align-items:center;gap:3px}.note-editor-skeleton{display:grid;gap:14px;min-height:220px;padding:6px 2px}.note-editor-skeleton__line{height:14px;width:100%;border-radius:7px;background:var(--bp-soft);animation:bp-skeleton-pulse 1.4s ease-in-out infinite}.note-editor-skeleton__line--lg{height:22px;width:55%}.note-editor-skeleton__line--sm{width:70%}.membership-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start}.membership-card{position:relative;border:1px solid var(--bp-line);border-radius:var(--bp-r-lg)}.membership-card-featured{border-color:var(--bp-primary);box-shadow:var(--bp-shadow-lg)}.membership-tier-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--bp-r-md);background:var(--bp-primary-light);color:var(--bp-primary)}.membership-features{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:var(--bp-fs-sm);color:var(--bp-text)}.membership-features li{display:flex;align-items:flex-start;gap:8px}.membership-features li svg{color:var(--bp-success);flex:0 0 auto;margin-top:2px}.membership-usage-track{height:8px;border-radius:999px;background:var(--bp-gray-100);overflow:hidden}.membership-usage-fill{height:100%;border-radius:999px;transition:width var(--bp-dur-base) ease}.profile-card{overflow:hidden}.profile-cover{position:relative;height:168px;background:var(--bp-brand-gradient)}.profile-cover>img{width:100%;height:100%;object-fit:cover;display:block}.profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.3),rgba(15,23,42,0) 46%);pointer-events:none}.btn.ghost.profile-back{position:absolute;left:14px;top:14px;z-index:1;min-height:40px;padding:0 14px;border-radius:var(--bp-r-full);background:rgba(15,23,42,.34);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn.ghost.profile-back:hover:not(:disabled){background:rgba(15,23,42,.5);color:#fff}.profile-body{padding:0 22px 22px}.profile-card .profile-avatar{width:84px;height:84px;border-radius:var(--bp-r-xl);border:4px solid var(--bp-card);margin-top:-42px;position:relative;z-index:1;display:block;object-fit:cover;background:var(--bp-card);box-shadow:var(--bp-shadow-sm)}.profile-card span.profile-avatar{display:grid;place-items:center;font-size:32px}.profile-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.profile-name-row .page-title{margin:0}.profile-bio{margin:10px 0 0;color:var(--bp-text);font-size:var(--bp-fs-body);line-height:var(--bp-lh-normal);white-space:pre-wrap}.profile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:10px;color:var(--bp-faint);font-size:var(--bp-fs-sm)}.profile-meta>span{display:inline-flex;align-items:center;gap:5px}.profile-meta svg{color:var(--bp-gray-400);flex:0 0 auto}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;border:1px solid var(--bp-line-soft);border-radius:var(--bp-r-md);background:var(--bp-gray-50);overflow:hidden}.profile-stat{padding:12px 8px;text-align:center;border-left:1px solid var(--bp-line-soft);color:inherit;text-decoration:none;transition:background var(--bp-dur-fast) ease}.profile-stat:first-child{border-left:0}a.profile-stat:hover{background:var(--bp-soft)}.profile-stat b{display:block;color:var(--bp-strong);font-size:20px;font-weight:var(--bp-fw-heavy);line-height:var(--bp-lh-tight);letter-spacing:-.4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profile-stat>span{display:block;margin-top:3px;color:var(--bp-faint);font-size:var(--bp-fs-caption)}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.profile-actions .btn{flex:1 1 150px;min-height:44px}@media (max-width:520px){.profile-body{padding:0 16px 18px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stat:nth-child(odd){border-left:0}.profile-stat:nth-child(n+3){border-top:1px solid var(--bp-line-soft)}}.section-count{margin-left:6px;color:var(--bp-muted);font-weight:var(--bp-fw-semibold)}.safe-area-debug{position:fixed;left:12px;bottom:12px;z-index:2147483000;font-size:12px;font-family:var(--bp-font-mono)}.safe-area-debug__toggle{padding:6px 10px;border:1px solid var(--bp-line);border-radius:var(--bp-r-full);background:var(--bp-card);color:var(--bp-muted);font:inherit;cursor:pointer;box-shadow:var(--bp-shadow-sm)}.safe-area-debug__panel{position:absolute;left:0;bottom:calc(100% + 6px);width:220px;padding:10px;border:1px solid var(--bp-line);border-radius:var(--bp-r-md);background:var(--bp-card);box-shadow:var(--bp-shadow-lg)}.safe-area-debug__row{display:flex;align-items:center;gap:6px;padding:4px 0;color:var(--bp-text);cursor:pointer}.safe-area-debug__hint{margin:8px 0 0;color:var(--bp-faint);font-size:11px;line-height:1.5}html[data-safe-area-debug]:after{content:"";position:fixed;inset:0;z-index:2147482000;pointer-events:none;border-top:var(--bp-safe-top) solid rgba(236,72,153,.28);border-right:var(--bp-safe-right) solid rgba(236,72,153,.28);border-bottom:var(--bp-safe-bottom) solid rgba(236,72,153,.28);border-left:var(--bp-safe-left) solid rgba(236,72,153,.28)}:root{--bp-primary:#2563eb;--bp-primary-dark:#1d4ed8;--bp-primary-light:#3b82f6;--bp-soft:#eff6ff;--bp-soft-hover:#dbeafe;--bp-brand-gradient:linear-gradient(135deg,#2563eb,#4f46e5 48%,#7c3aed);--bp-bg:#f5f7fa;--bp-card:#ffffff;--bp-card-hover:#fafbff;--bp-overlay:rgba(255,255,255,0.92);--bp-line:#e2e8f0;--bp-line-soft:#eef1f6;--bp-text:#374151;--bp-strong:#0f172a;--bp-muted:#6b7280;--bp-faint:#64748b;--bp-shadow-xs:0 1px 3px rgba(15,23,42,0.06),0 1px 2px rgba(15,23,42,0.04);--bp-shadow-sm:0 4px 12px -2px rgba(15,23,42,0.08),0 2px 6px -2px rgba(15,23,42,0.05);--bp-shadow:0 8px 24px -6px rgba(15,23,42,0.10),0 3px 8px -3px rgba(15,23,42,0.06);--bp-shadow-lg:0 20px 48px -12px rgba(15,23,42,0.16),0 8px 20px -8px rgba(15,23,42,0.08);--bp-shadow-blue:0 8px 24px -6px rgba(37,99,235,0.28);--bp-r-sm:8px;--bp-r-md:12px;--bp-r-lg:16px;--bp-r-xl:20px;--bp-r-full:999px;--bp-ease:cubic-bezier(0.16,1,0.3,1);--bp-ease-out:cubic-bezier(0.0,0.0,0.2,1);--bp-gray-50:#f8fafc;--bp-gray-100:#f1f5f9;--bp-gray-200:#e2e8f0;--bp-gray-300:#cbd5e1;--bp-gray-400:#94a3b8;--bp-gray-500:#64748b;--bp-gray-600:#475569;--bp-gray-700:#334155;--bp-gray-800:#1e293b;--bp-gray-900:#0f172a;--bp-success:#16a34a;--bp-success-fg:#15803d;--bp-success-bg:#dcfce7;--bp-warning:#d97706;--bp-warning-fg:#b45309;--bp-warning-bg:#fef3c7;--bp-danger:#dc2626;--bp-danger-fg:#b91c1c;--bp-danger-bg:#fee2e2;--bp-danger-border:#fecaca;--bp-info:#2563eb;--bp-info-fg:#1d4ed8;--bp-info-bg:#dbeafe;--bp-on-primary:#ffffff;--bp-chart-4:#7c3aed;--bp-font-mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Consolas,monospace;--bp-fs-display:30px;--bp-fs-h1:24px;--bp-fs-h2:19px;--bp-fs-h3:16px;--bp-fs-body:15px;--bp-fs-sm:13px;--bp-fs-caption:12px;--bp-fs-micro:11px;--bp-fw-regular:400;--bp-fw-medium:500;--bp-fw-semibold:600;--bp-fw-bold:700;--bp-fw-heavy:800;--bp-lh-tight:1.15;--bp-lh-snug:1.4;--bp-lh-normal:1.6;--bp-lh-none:1;--bp-space-1:2px;--bp-space-2:4px;--bp-space-3:8px;--bp-space-4:12px;--bp-space-5:16px;--bp-space-6:20px;--bp-space-8:32px;--bp-space-10:40px;--bp-space-12:48px;--bp-ring:0 0 0 3px rgba(37,99,235,0.45);--bp-r-xs:6px;--bp-dur-fast:0.15s;--bp-dur-base:0.2s;--bp-dur-slow:0.3s;--bp-safe-top:env(safe-area-inset-top,0px);--bp-safe-right:env(safe-area-inset-right,0px);--bp-safe-bottom:env(safe-area-inset-bottom,0px);--bp-safe-left:env(safe-area-inset-left,0px);--bp-kb-inset:0px;--bp-bp-sm:560px;--bp-bp-md:700px;--bp-bp-lg:820px;--bp-bp-xl:1180px;--bp-bp-ai-split:1024px;--bp-mobile-nav-h:calc(60px + var(--bp-safe-bottom));--bp-topnav-row-h:60px;--bp-topnav-h:calc(var(--bp-topnav-row-h) + var(--bp-safe-top) + 1px);--bp-editor-toolbar-h:48px;--bp-main-pad-top:calc(20px + var(--bp-safe-top));--bp-main-pad-right:calc(16px + var(--bp-safe-right));--bp-main-pad-bottom:calc(24px + var(--bp-mobile-nav-h));--bp-main-pad-left:calc(16px + var(--bp-safe-left));--bp-ai-fab-gutter:76px}