@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";
:root{--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ink:#0b0a08;--ink-raise:#14110b;--ink-card:#1a160e;--ink-hover:#221c11;--brand:#ff3d8b;--brand-soft:#ff6fa8;--brand-deep:#d61e6b;--brand-glow:#ff3d8b59;--cream:#f3eee3;--cream-dim:#b3aa98;--cream-faint:#7e7768;--line:#f3eee317;--line-2:#f3eee329;--danger:#ff5a4e;--success:#46c77e;--background:40 20% 4%;--foreground:40 30% 92%;--card:40 25% 8%;--card-foreground:40 30% 92%;--popover:40 25% 8%;--popover-foreground:40 30% 92%;--primary:44 99% 48%;--primary-foreground:40 20% 6%;--secondary:40 15% 12%;--secondary-foreground:40 30% 92%;--muted:40 12% 14%;--muted-foreground:40 10% 62%;--accent:38 92% 40%;--accent-foreground:40 30% 92%;--destructive:6 100% 65%;--destructive-foreground:40 30% 92%;--border:40 15% 14%;--input:40 15% 14%;--ring:44 99% 48%;--radius:20px;--glass-bg:#14110bb8;--glass-border:#f3eee31a;--glass-blur:22px;--nav-text:var(--cream-dim);--nav-text-hover:var(--cream);--nav-bg-hover:#ff3d8b14}[data-theme=dark]{--background:40 20% 4%;--foreground:40 30% 92%}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);color:var(--cream);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 45% at 50% -8%,#ff3d8b1a 0%,#0000 70%),radial-gradient(45% 40% at 100% 100%,#d61e6b0f 0%,#0000 70%);position:fixed;inset:0}::selection{color:var(--cream);background:#ff3d8b47}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ff3d8b29;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ff3d8b52}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.main-layout-wrapper{background:0 0;flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}.main-content-area{background:0 0;flex:1;width:100%;height:calc(100dvh - 72px);position:relative;overflow:hidden}.right-desktop-sidebar{display:none}@media (min-width:768px){.main-layout-wrapper{flex-direction:row}.main-content-area{flex:1;height:100dvh;display:block;position:relative;overflow:hidden}}@media (min-width:1024px){.main-layout-wrapper{grid-template-columns:248px minmax(0,1fr);width:100vw;height:100dvh;display:grid}.main-content-area{min-width:0;height:100dvh;display:block;overflow:hidden}.right-desktop-sidebar{display:none}}.glass-panel,.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.1);border:1px solid var(--glass-border)}.glass-card{border-radius:var(--radius)}.btn-primary{background:linear-gradient(135deg, var(--brand-soft), var(--brand-deep));color:#fff;font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-weight:600;transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 6px 20px #ff3d8b38}.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 10px 28px #ff3d8b52}.btn-primary:active{transform:translateY(0)scale(.985)}.btn-ghost{color:var(--cream);border:1px solid var(--line-2);cursor:pointer;background:#f3eee30d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.btn-ghost:hover{background:#f3eee317;border-color:#ff3d8b66}.chip{border:1px solid var(--line);color:var(--cream-dim);background:#f3eee312;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:.72rem;font-weight:600;display:inline-flex}.money{font-family:var(--font-display);color:var(--brand);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:600}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;color:var(--brand);font-size:.68rem;font-weight:600}@keyframes pulseGlow{0%,to{box-shadow:0 6px 20px #ff3d8b38}50%{box-shadow:0 8px 30px #ff3d8b6b}}@keyframes likePop{0%{transform:scale(1)}40%{transform:scale(1.3)rotate(-10deg)}70%{transform:scale(.92)rotate(5deg)}to{transform:scale(1)}}.like-animation{animation:.45s likePop}.glowing-btn{background:linear-gradient(135deg, var(--brand-soft), var(--brand-deep));color:#fff;font-family:var(--font-display);cursor:pointer;will-change:transform;border:none;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1),filter .2s;animation:3.5s infinite pulseGlow}.glowing-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--cream);font-weight:600;line-height:1.12}button,input,textarea,select{font-family:var(--font-sans)}select option{background:var(--ink-card);color:var(--cream)}.directory-root-container{background:var(--ink);flex-direction:column;height:100%;display:flex;overflow:hidden}.content-viewport{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:72px;position:relative;overflow-y:auto}@media (min-width:768px){.content-viewport{padding-bottom:0}}.bottom-nav{-webkit-backdrop-filter:blur(22px)saturate(1.1);border-top:1px solid var(--line);z-index:100;background:#0b0a08db;grid-template-columns:repeat(4,1fr);place-items:center;width:100%;height:72px;display:grid;position:absolute;bottom:0;left:0}.nav-item{width:100%;height:100%;color:var(--nav-text);flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;transition:color .18s,background-color .18s;display:flex;position:relative}.nav-item.active{color:var(--brand)}@media (max-width:767px){.nav-item span{display:none!important}}.nav-icon{width:22px;height:22px}@media (min-width:768px){.bottom-nav{border-top:none;border-right:1px solid var(--line);background:#0b0a08b8;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:6px;width:248px;height:100dvh;padding:38px 16px;display:flex;position:relative}.bottom-nav:before{content:"Copclub";font-family:var(--font-display);letter-spacing:-.04em;color:var(--brand);margin-bottom:30px;padding-left:16px;font-size:1.5rem;font-weight:700}.nav-item{border-radius:12px;flex-direction:row;justify-content:flex-start;gap:14px;height:auto;padding:11px 16px;font-weight:600}.nav-item:hover{background:var(--nav-bg-hover);color:var(--cream)}.nav-item.active{background:#ff3d8b1f}.nav-item.active:before{content:"";background:var(--brand);border-radius:999px;width:3px;height:20px;position:absolute;left:0;transform:translate(-16px)}.nav-item{position:relative}.nav-item span{font-size:.9rem!important;font-weight:600!important;display:inline!important}}.reels-feed-container{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:auto}.reels-feed-container::-webkit-scrollbar{display:none}.feed-root-container{background:var(--ink);width:100%;height:100%;position:relative;overflow:hidden}.reel-card{scroll-snap-align:start;scroll-snap-stop:always;background:#000;width:100%;height:calc(100dvh - 72px);min-height:calc(100dvh - 72px);position:relative;overflow:hidden}@media (min-width:768px){.reel-card{background:var(--ink);justify-content:center;align-items:center;height:auto;min-height:100dvh;padding:20px 0;display:flex;position:static;overflow:visible}}.reel-grid-spacer{display:none}.reel-card-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}@media (min-width:768px){.reel-card-inner{flex-direction:row;justify-content:center;align-items:center;gap:14px;width:auto;max-width:100%;height:auto;margin:0 auto;display:flex}}.reel-video-container{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.reel-video-container{width:390px;height:88vh;min-height:600px;max-height:840px;box-shadow:0 24px 72px #000000b3, 0 0 0 1px var(--line), 0 30px 90px -20px #ff3d8b2e;border-radius:22px;flex:0 0 390px;position:relative;overflow:hidden}}.reel-video-element{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.chat-overlay{z-index:3000;background:#000;justify-content:center;align-items:center;height:100dvh;display:flex;position:fixed;top:0;left:0;right:0}@media (min-width:768px){.chat-overlay{z-index:300;height:auto;position:absolute;inset:0}}.chat-reel-frame{background:var(--ink);width:100%;height:100%;position:relative;overflow:hidden}@media (min-width:768px){.chat-reel-frame{width:390px;height:88vh;min-height:600px;max-height:840px;box-shadow:0 24px 72px #000000b3, 0 0 0 1px var(--line), 0 30px 90px -20px #ff3d8b2e;border-radius:22px;flex:0 0 390px}}.reel-video-overlay-top{z-index:2;pointer-events:none;background:linear-gradient(#0009,#0000);height:120px;position:absolute;top:0;left:0;right:0}.reel-video-overlay-bottom{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#09070326 25%,#09070399 60%,#090703f5 100%);height:300px;position:absolute;bottom:0;left:0;right:0}@media (min-width:768px){.reel-video-overlay-bottom{height:260px}}.reel-mobile-info-overlay{z-index:5;color:#fff;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:90px;left:16px;right:70px}.reel-mobile-actions-overlay{z-index:5;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:90px;right:10px}@media (min-width:768px){.reel-mobile-info-overlay,.reel-mobile-actions-overlay{display:none}}.reel-info-overlay{z-index:10;color:#fff;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:20px;left:14px;right:68px}@media (min-width:768px){.reel-info-overlay{gap:10px;bottom:22px;left:16px;right:16px}}.reel-desktop-actions-sidebar{display:none}@media (min-width:768px){.reel-desktop-actions-sidebar{flex-direction:column;flex:0 0 52px;justify-content:center;align-items:center;gap:24px;width:52px;display:flex}}.reel-action-btn-desktop{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex}.reel-action-icon-wrapper-desktop{color:#fff;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:background .18s,transform .18s,border-color .18s;display:flex}.reel-action-btn-desktop:hover .reel-action-icon-wrapper-desktop{background:#ff3d8b24;border-color:#ff3d8b52;transform:scale(1.08)}.reel-action-label{display:none}.reel-action-count{color:#ffffffd9;font-variant-numeric:tabular-nums;margin-top:3px;font-size:.68rem;font-weight:600}.reel-action-label-desktop{display:none}.reel-action-count-desktop{color:#ffffffbf;letter-spacing:.01em;font-variant-numeric:tabular-nums;margin-top:5px;font-size:.68rem;font-weight:600}.reel-store-logo{object-fit:cover;border:1.5px solid var(--brand);border-radius:50%;flex-shrink:0;width:38px;height:38px}.reel-store-name{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;text-shadow:0 1px 3px #00000080;font-size:.92rem;font-weight:600}.reel-follow-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:999px;flex-shrink:0;padding:5px 13px;font-size:.72rem;font-weight:700}.reel-caption{color:#ffffffeb;text-shadow:0 1px 2px #0006;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.reel-tag-pill{color:#ffffffd9;background:#ffffff1f;border-radius:999px;padding:3px 10px;font-size:.68rem}.reel-cta-btn{font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--brand-soft), var(--brand-deep));border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;gap:7px;padding:11px 18px;font-size:.84rem;font-weight:600;text-decoration:none;display:flex;box-shadow:0 8px 22px #ff3d8b47}@media (min-width:768px){.reel-cta-btn{justify-content:center;align-self:stretch}}.reel-action-btn-mobile{color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;display:flex}.reel-action-icon-wrapper{background:0 0;border:1px solid #0000;border-radius:50%;padding:9px;transition:background .18s,border-color .18s}.reel-action-btn-mobile:active .reel-action-icon-wrapper{background:#ff3d8b2e;border-color:#ff3d8b4d}.desktop-only-nav-item{display:none!important}@media (min-width:768px){.desktop-only-nav-item{display:flex!important}}.nav-item .nav-badge{background:var(--danger);color:#fff;font-variant-numeric:tabular-nums;border:1.5px solid var(--ink);z-index:2;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:800;line-height:1;position:absolute;top:12px;left:50%;transform:translate(3px);box-shadow:0 0 8px #ff5a4e80;display:flex!important}@media (min-width:768px){.nav-item .nav-badge{top:50%;left:auto;right:14px;transform:translateY(-50%)}.feed-profile-btn{display:none!important}}.instagram-store-tag{transition:all .2s ease-in-out!important}.instagram-store-tag:hover{transform:translateY(-1px);background:#0b0a08e6!important;border-color:#ff3d8b66!important}.instagram-follow-btn{transition:all .15s ease-in-out!important}.instagram-follow-btn:hover{filter:brightness(1.08);transform:scale(1.05)}.instagram-follow-btn:active{transform:scale(.95)}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}