:root{--cv-header-h: 3.5rem;--cv-nav-h: 4.25rem;--cv-touch: 44px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--shadow-card: 0 10px 30px rgba(0, 0, 0, .28)}html{overflow-x:hidden}body,#root{overflow-x:hidden;overscroll-behavior-y:contain}.cv-screen{display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-main);padding-bottom:calc(var(--cv-nav-h) + env(safe-area-inset-bottom,0px) + 1rem)}@media(min-width:768px){.cv-screen{padding-bottom:1.5rem}}.cv-screen-pad{padding-left:1.25rem;padding-right:1.25rem}.cv-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:max(1.25rem,env(safe-area-inset-top,0px) + .75rem);padding-bottom:.85rem}.cv-header-sticky{position:sticky;top:0;z-index:30;margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem;background:color-mix(in srgb,var(--bg-main) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.cv-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);font-family:Inter,sans-serif}.cv-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.cv-icon-btn{width:var(--cv-touch);height:var(--cv-touch);min-width:var(--cv-touch);min-height:var(--cv-touch);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);transition:transform .15s ease,background .15s ease}.cv-icon-btn:hover{background:var(--bg-hover)}.cv-icon-btn:active{transform:scale(.94)}.cv-icon-btn:disabled{opacity:.4}.cv-icon-btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cv-avatar-ring{box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--accent)}.cv-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.cv-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.5rem 1.5rem;color:var(--text-muted)}.cv-empty-icon{opacity:.55;margin-bottom:.75rem}.cv-empty-title{font-weight:700;color:var(--text-main)}.cv-empty-body{font-size:.85rem;margin-top:.35rem;max-width:18rem;line-height:1.45}.cv-error{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.cv-skeleton{background:linear-gradient(90deg,var(--bg-input) 0%,var(--bg-hover) 50%,var(--bg-input) 100%);background-size:200% 100%;animation:cv-shimmer 1.4s ease infinite}@keyframes cv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cv-toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--cv-nav-h) + env(safe-area-inset-bottom,0px) + 1rem);z-index:80;display:flex;flex-direction:column;gap:.5rem;width:min(92vw,420px)}.cv-toast{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-radius:1rem;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card)}.cv-toast-success{border-color:#10b98166;color:#6ee7b7}.cv-toast-error{border-color:#ef444466;color:#fca5a5}.cv-toast-info{border-color:#e85a3c66;color:var(--text-main)}.cv-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-end;justify-content:center}.cv-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cv-sheet{position:relative;width:100%;max-width:32rem;max-height:min(88dvh,720px);overflow-y:auto;background:var(--bg-card);border-radius:1.75rem 1.75rem 0 0;padding:.75rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px))}.cv-sheet-handle{width:2.5rem;height:.25rem;border-radius:999px;background:var(--border-strong);margin:.35rem auto .75rem}.cv-star-btn{padding:.25rem;min-width:32px;min-height:32px}.cv-feed{display:grid;gap:1.25rem}.cv-rail{display:none}.cv-app-shell{display:flex;width:100%;max-width:1680px;margin:0 auto;height:100%}.cv-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;position:relative}.cv-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:999px;font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--accent-light);color:var(--accent)}.cv-unread{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:999px;background:var(--accent)}.cv-menu-item{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.7rem .8rem;border-radius:.85rem;font-size:.85rem;font-weight:600;color:var(--text-main)}.cv-menu-item:hover{background:var(--bg-hover)}@media(min-width:768px){.cv-feed{grid-template-columns:1fr 1fr}.cv-feed-social{grid-template-columns:1fr 1fr;width:100%}.cv-screen{padding-bottom:1.5rem}}@media(min-width:1024px){.cv-feed{grid-template-columns:1fr;max-width:720px}.cv-feed-social{grid-template-columns:1fr;max-width:720px;margin:0 auto}.cv-rail{display:flex;flex-direction:column;width:300px;flex-shrink:0;border-left:1px solid var(--border);padding:1.25rem;overflow-y:auto;background:color-mix(in srgb,var(--bg-main) 92%,transparent)}.cv-toasts{bottom:1.5rem}}@media(min-width:1280px){.cv-rail{width:340px}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.pt-safe{padding-top:env(safe-area-inset-top,0px)}:root{--verse-touch: 44px;--verse-nav-h: 4.35rem;--verse-radius-sm: 12px;--verse-radius-md: 16px;--verse-radius-lg: 24px;--verse-radius-xl: 32px;--verse-ease: cubic-bezier(.22, 1, .36, 1);--verse-press: .14s var(--verse-ease)}.verse-kicker{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .2rem}.verse-icon-btn{width:var(--verse-touch);height:var(--verse-touch);min-width:var(--verse-touch);min-height:var(--verse-touch);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);transition:transform var(--verse-press),background .18s ease,color .18s ease}.verse-icon-btn:hover{background:var(--bg-hover);color:var(--text-main)}.verse-icon-btn:active{transform:scale(.94)}.verse-icon-btn:focus-visible,.verse-btn:focus-visible,.verse-input:focus-visible,.verse-search input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.verse-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--verse-touch);padding:.7rem 1.1rem;border-radius:1rem;font-weight:700;font-size:.875rem;border:1px solid transparent;transition:transform var(--verse-press),background .18s ease,box-shadow .18s ease}.verse-btn:active{transform:scale(.97)}.verse-btn:disabled{opacity:.45}.verse-btn-block{width:100%}.verse-btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 22px var(--shadow-color, rgba(0,0,0,.18))}.verse-btn-primary:hover{background:var(--accent-hover)}.verse-btn-secondary{background:var(--bg-input);color:var(--text-main);border-color:var(--border)}.verse-btn-ghost{background:transparent;color:var(--text-secondary)}.verse-input,.verse-select,.verse-search{width:100%}.verse-input,.verse-select,.verse-search input{width:100%;min-height:var(--verse-touch);border-radius:1rem;padding:.8rem 1rem;background:var(--bg-input);border:1px solid var(--border);color:var(--text-main);font-size:.9rem}.verse-search{display:flex;align-items:center;gap:.65rem;min-height:var(--verse-touch);padding:0 .9rem;border-radius:1.15rem;background:var(--bg-input);border:1px solid var(--border)}.verse-search input{border:0;background:transparent;padding:.7rem 0;min-height:0;outline:none}.verse-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:36px;padding:.4rem .9rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap}.verse-chip.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}.verse-toggle{position:relative;width:44px;height:26px;border-radius:999px;background:var(--bg-input);border:1px solid var(--border);flex-shrink:0}.verse-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#fff;transition:transform .18s var(--verse-ease)}.verse-toggle.is-on{background:var(--accent);border-color:var(--accent)}.verse-toggle.is-on:after{transform:translate(18px)}.verse-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--verse-radius-lg);box-shadow:var(--shadow-card, 0 10px 30px rgba(0,0,0,.08))}.verse-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;align-items:flex-end;height:calc(var(--verse-nav-h) + env(safe-area-inset-bottom,0px));padding:.35rem .35rem max(.4rem,env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg-card) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border)}.verse-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;min-height:44px;color:var(--text-muted);font-size:.62rem;font-weight:700}.verse-nav-item.is-on{color:var(--accent)}.verse-nav-item.is-featured{transform:translateY(-.65rem)}.verse-nav-orb{width:3.15rem;height:3.15rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent);box-shadow:0 8px 20px var(--shadow-color, rgba(0,0,0,.16))}.verse-nav-item.is-featured.is-on .verse-nav-orb,.verse-nav-orb.is-on{background:var(--accent);color:#fff}.verse-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-end;justify-content:center}.verse-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.verse-sheet{position:relative;width:100%;max-width:32rem;max-height:min(88dvh,720px);overflow-y:auto;background:var(--bg-card);border-radius:1.75rem 1.75rem 0 0;padding:.75rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px))}.verse-sheet-handle{width:2.5rem;height:.25rem;border-radius:999px;background:var(--border-strong);margin:.35rem auto .85rem}.verse-help-intro,.verse-help-body{color:var(--text-secondary);font-size:.9rem;line-height:1.55;margin:0 0 1rem}.verse-help-list{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem}.verse-help-item{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;padding:.85rem .9rem;border-radius:1rem;background:var(--bg-input);color:var(--text-main);font-weight:650;min-height:44px}.verse-tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none}.verse-tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060a9e;pointer-events:auto}.verse-tour-spot{position:absolute;border-radius:1.25rem;box-shadow:0 0 0 9999px #04060a9e;outline:2px solid var(--accent);pointer-events:none;z-index:1}.verse-tour-card{position:absolute;z-index:2;pointer-events:auto;background:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-radius:1.4rem;padding:1rem 1.1rem;box-shadow:0 18px 50px #00000047}.verse-tour-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.verse-tour-card h2{font-size:1.15rem;font-weight:800;margin:.15rem 0 .45rem;letter-spacing:-.02em}.verse-tour-card p{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.verse-tour-dots{display:flex;gap:.35rem;margin:.9rem 0 .85rem}.verse-tour-dots span{width:.4rem;height:.4rem;border-radius:999px;background:var(--border-strong)}.verse-tour-dots span.is-on{background:var(--accent);width:1.1rem}.verse-tour-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.verse-tour-nav{display:flex;gap:.4rem}.verse-hint{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border-radius:1.1rem;background:var(--accent-light);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));color:var(--text-secondary);font-size:.82rem;line-height:1.45;margin-bottom:.9rem}.verse-hint strong{color:var(--text-main)}.verse-segment{display:flex;gap:.35rem;padding:.3rem;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;overflow-x:auto}.verse-segment button{flex:1;min-height:38px;border-radius:999px;font-size:.75rem;font-weight:700;color:var(--text-muted);padding:.4rem .8rem;white-space:nowrap}.verse-segment button.is-on{background:var(--accent);color:#fff}@media(min-width:768px){.verse-bottom-nav{display:none}}
