:root{--red:#b1122b;--red-dark:#8f0e23;--gold:#d1a13a;--ivory:#fffaf2;--blush:#f6c8c3;--charcoal:#353535;--paper:#fffdf9}body{background:var(--ivory);color:var(--charcoal);padding-bottom:76px}.bg-ivory{background:rgba(255,250,242,.96)}.brand{font-family:Georgia,'Times New Roman',serif;font-size:2rem;font-weight:700;letter-spacing:-2px;color:var(--red);text-decoration:none}.btn-brand{background:var(--red);border-color:var(--red);color:white}.btn-brand:hover{background:var(--red-dark);color:white}.avatar{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:var(--red);color:#fff;text-decoration:none;font-weight:700}.avatar-xl{width:94px;height:94px;font-size:2rem;margin:auto}.eyebrow{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.18em}.feed-shell{max-width:620px;margin:auto;padding:34px 14px}.feed-head h2,.profile-head h1,.discover h2{font-family:Georgia,serif;color:var(--red);font-weight:700}.rec-card,.empty,.form-card,.share-card{background:var(--paper);border:1px solid #eadfd3;border-radius:24px;box-shadow:0 12px 34px rgba(73,37,24,.07)}.rec-card{padding:18px 18px 0;margin:22px 0;overflow:hidden}.product-img{width:calc(100% + 36px);margin-left:-18px;height:350px;object-fit:contain;background:#f6eee7}.product-placeholder{width:calc(100% + 36px);margin-left:-18px;height:300px;background:#f6eee7;display:grid;place-items:center;font-size:64px;color:var(--gold)}.recommendation{font-family:Georgia,serif;font-size:1.12rem}.buy-again{background:#f7e7b9;color:#684d0d}.price{font-weight:700;color:var(--red);margin-bottom:8px}.social-row{display:flex;gap:25px;border-top:1px solid #eee0d5;padding:12px 0}.social-row button{border:0;background:none;color:var(--charcoal)}.comment{background:#fbf3ef;padding:8px 11px;border-radius:13px;margin-top:8px;font-size:.9rem}.profile-head{text-align:center;padding:46px 15px 18px}.stats{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.stats a,.stats span{color:inherit;text-decoration:none}.form-card{max-width:600px;margin:45px auto;padding:30px}.form-card input,.form-card select,.form-card textarea{margin:8px 0 16px}.share-card{max-width:420px;text-align:center;margin:45px auto;padding:32px}.discover{max-width:650px;margin:45px auto;padding:0 15px}.people{margin-top:20px}.person{display:flex;gap:12px;align-items:center;padding:13px;color:inherit;text-decoration:none;border-bottom:1px solid #eadfd3}.person small{display:block;color:#777}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fffaf7;border-top:1px solid #e2d6ca;display:flex;justify-content:space-around;align-items:center;padding:7px 5px;z-index:100}.mobile-nav a{color:var(--charcoal);text-decoration:none;display:flex;flex-direction:column;align-items:center;font-size:1.2rem}.mobile-nav small{font-size:.62rem}.mobile-nav .add{background:var(--red);color:#fff;width:46px;height:46px;border-radius:50%;justify-content:center;font-size:1.7rem}.hero{min-height:80vh;background:radial-gradient(circle at 78% 25%,var(--blush) 0,transparent 31%),var(--ivory)}.hero h1{font-family:Georgia,serif;color:var(--red);font-size:clamp(3.5rem,7vw,6.6rem);font-weight:700;line-height:.92;letter-spacing:-5px}.hero .lead{max-width:590px}.tagline{letter-spacing:.08em;color:var(--charcoal)}@media(max-width:600px){.product-img{height:290px}.form-card,.share-card{margin:20px 12px}.hero h1{letter-spacing:-3px}}

/* Centered task forms: auth, account setup, and Add Favrit */
.auth-card,
.form-shell {
  width: calc(100% - 32px);
  max-width: 560px;
  margin: 48px auto;
  padding: 32px;
  background: var(--paper);
  border: 1px solid #eadfd3;
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(73,37,24,.07);
}
.auth-card h2,
.form-shell h2 {
  font-family: Georgia, 'Times New Roman', serif;
  color: var(--red);
  font-weight: 700;
}
.auth-card .form-control,
.form-shell .form-control,
.form-shell .form-select {
  width: 100%;
  margin: 8px 0 16px;
}
.auth-card form button,
.form-shell > form > button:not(.w-100) {
  min-width: 150px;
}
@media (max-width: 600px) {
  .auth-card,
  .form-shell {
    width: calc(100% - 24px);
    margin: 20px auto;
    padding: 24px 20px;
    border-radius: 20px;
  }
}
.avatar-photo{object-fit:cover;width:42px;height:42px;display:block}.avatar-photo.avatar-xl,.avatar-xl.avatar-photo{width:94px;height:94px}.public-join{max-width:620px;margin:10px auto 0;padding:14px 18px;border:1px solid #eadfd3;border-radius:18px;background:#fff3ef;text-align:center}.public-join a,.comment-cta{color:var(--red);font-weight:700}.social-row a{border:0;background:none;color:var(--charcoal);text-decoration:none}.comment-cta{display:inline-block;margin-top:10px;font-size:.9rem}.avatar-edit{text-align:center}
.extension-promo{max-width:900px;background:#fff3ef;border:1px solid #eadfd3;border-radius:18px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ajax-action{border:0;background:none;padding:0;color:var(--charcoal)}@media(max-width:600px){.extension-promo{margin-left:12px!important;margin-right:12px!important;width:auto;align-items:flex-start;flex-direction:column}}

.ask-card{background:#fff7ed;border:1px solid #ead9c5;border-radius:18px;padding:18px;margin:18px 0}.network-search{max-width:760px;margin:auto}.feed-shell{max-width:720px;margin:30px auto;padding:0 16px}.form-shell{max-width:560px;margin:36px auto;padding:0 16px}.form-shell label{font-weight:600;margin-top:14px;margin-bottom:5px}
.favrit-sentinel{text-align:center;color:#777;padding:24px}.top-actions{white-space:nowrap}@media(max-width:767px){.navbar .container{gap:8px}.profile-head .btn{margin:.2rem}.favrit-sentinel{padding-bottom:90px}}
.notification-bell{font-size:1.35rem;color:#29231f;text-decoration:none;padding:.45rem}.notification-badge{position:absolute;top:0;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#a50f2d;color:#fff;font:700 11px/18px system-ui;text-align:center}.error-shell{max-width:680px;margin:8vh auto;text-align:center;padding:2rem}.error-whale{font-size:5rem;line-height:1}.invite-link{word-break:break-all;background:#fff8f1;border:1px solid #eadfd5;border-radius:12px;padding:.75rem}.notification-unread{background:#fff8f1;border-left:3px solid #a50f2d}
.social-row button.share-favrit,.social-row button.ajax-add-mine{border:0;background:none;padding:0;color:var(--charcoal)}
.question-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .25rem;border-bottom:1px solid #eadfd3;color:inherit;text-decoration:none}.response-note{margin:-12px 16px 24px;padding:12px 16px;border-left:3px solid var(--gold);background:#fff8ef}.answer-highlight .rec-card{outline:3px solid rgba(209,161,58,.45)}.notification-row:hover{background:#fff3ef}.legal-shell{max-width:760px;margin:48px auto;padding:0 20px}.legal-shell h1,.legal-shell h3{font-family:Georgia,serif;color:var(--red)}.site-footer{display:flex;justify-content:center;gap:18px;padding:30px 16px 90px;color:#766b64;font-size:.9rem}.site-footer a{color:inherit}.demo-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.demo-product{width:100%;height:230px;object-fit:cover;background:#f6eee7;border-radius:14px;margin:20px 0;display:block}
.add-extension-promo{margin:24px auto 0}.extension-installed .extension-promo{display:none!important}

/* Batch 1 pre-launch stabilization */
.empty{padding:28px}.form-shell{padding:32px}.form-shell form{padding-bottom:6px}.favrit-detail-link{display:block;color:inherit;text-decoration:none}.favrit-title-link{color:inherit;text-decoration:none}.favrit-title-link:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}.favrit-experience{margin-top:-2px;margin-bottom:6px}.share-card .qr{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto}@media(max-width:600px){.form-shell{padding:24px 20px}}


/* Batch 3: primary navigation + comment ownership */
.nav-shell{gap:24px}.primary-nav{gap:4px;margin-left:22px}.nav-link-pill{color:var(--charcoal);text-decoration:none;font-weight:650;padding:8px 12px;border-radius:999px}.nav-link-pill:hover{background:#fff3ef;color:var(--red)}.nav-link-pill.active{background:#f7e7e1;color:var(--red)}.mobile-nav a.active:not(.add){color:var(--red);font-weight:700}.comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.comment-time,.comment-edited{color:#81756e;font-size:.78rem;font-weight:400}.comment-body{margin-top:2px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-actions{display:flex;gap:8px;flex-shrink:0}.comment-actions button{border:0;background:none;padding:0;color:#766b64;font-size:.78rem;text-decoration:underline;text-underline-offset:2px}.comment-actions .comment-delete{color:var(--red)}@media(max-width:767px){.nav-shell{gap:8px}.comment-head{gap:6px}.comment-actions{gap:6px}}


/* One-off Friends experience */
.friends-shell{max-width:900px;margin:42px auto;padding:0 18px}.friends-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.friends-heading h1,.friends-section-head h2{font-family:Georgia,serif;color:var(--red);font-weight:700}.friends-heading h1{font-size:2.5rem;margin:.1rem 0}.friends-search{height:54px;display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid #eadfd3;border-radius:18px;padding:0 16px;box-shadow:0 8px 24px rgba(73,37,24,.05)}.friends-search input{border:0;outline:0;background:transparent;flex:1;font-size:1rem}.friends-tabs{display:flex;gap:6px;overflow-x:auto;margin:22px 0 30px;padding-bottom:3px}.friends-tabs a{white-space:nowrap;text-decoration:none;color:var(--charcoal);padding:9px 13px;border-radius:999px;font-weight:650}.friends-tabs a:hover,.friends-tabs a.active{background:#f7e7e1;color:var(--red)}.friends-tabs span{font-size:.76rem;background:#eadfd3;border-radius:999px;padding:2px 6px;margin-left:3px}.friends-section-head{display:flex;align-items:end;justify-content:space-between;margin:20px 2px 8px}.friends-section-head h2{font-size:1.5rem;margin:0}.friends-section-head p{color:#766b64;margin:2px 0 0}.people-grid{display:grid;gap:10px}.friend-card{display:flex;align-items:center;gap:13px;background:var(--paper);border:1px solid #eadfd3;border-radius:18px;padding:14px 16px}.friend-avatar{text-decoration:none}.friend-info{min-width:0;flex:1}.friend-name{font-weight:750;color:var(--charcoal);text-decoration:none}.friend-name:hover{color:var(--red)}.friend-username,.friend-context{font-size:.84rem;color:#766b64}.relationship{display:inline-block;margin-top:3px;font-size:.75rem;font-weight:700}.relationship.mutual{color:var(--red)}.relationship.follows-you{color:#766b64}.friends-empty{grid-column:1/-1;text-align:center;background:var(--paper);border:1px dashed #d8c8bb;border-radius:20px;padding:42px 22px;color:#766b64}.friends-empty i{font-size:2.4rem;color:var(--gold)}.friends-empty h3{font-family:Georgia,serif;color:var(--red);margin-top:8px}@media(max-width:600px){.friends-shell{margin:22px auto;padding:0 12px}.friends-heading{align-items:flex-start;flex-direction:column;gap:12px}.friends-heading h1{font-size:2.1rem}.friends-tabs{margin-top:16px}.friend-card{padding:12px}.friend-context{max-width:210px}.friend-card .btn{flex-shrink:0}.friends-section-head p{font-size:.88rem}}

.friends-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 2px 0}.friends-pagination>span{color:#766b64;font-size:.9rem}

/* Pre-launch new-user guidance */
.new-user-empty{text-align:center;background:var(--paper);border:1px dashed #d8c8bb;border-radius:20px;padding:38px 24px;margin:20px 0;color:#766b64}.new-user-empty>i{font-size:2.2rem;color:var(--gold)}.new-user-empty h3{font-family:Georgia,serif;color:var(--red);margin:8px 0}.empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.new-user-note{display:flex;gap:12px;align-items:flex-start;background:#fff8ef;border:1px solid #ead9c5;border-radius:16px;padding:14px 16px;margin:18px 0}.new-user-note>i{font-size:1.5rem;color:var(--gold)}.new-user-note p{color:#766b64}

.mobile-header-share{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:auto;padding:7px 10px;border:1px solid #eadfd3;border-radius:999px;background:var(--paper);color:var(--red);text-decoration:none;font-weight:700;font-size:.88rem;white-space:nowrap}.mobile-header-share i{font-size:1rem}.mobile-header-share:hover,.mobile-header-share:focus{color:var(--red-dark);background:#fff8f1}@media(min-width:768px){.mobile-header-share{display:none!important}}@media(max-width:380px){.mobile-header-share{padding:7px 8px;font-size:.8rem}.mobile-header-share span{display:none}}

/* Unauthenticated homepage discovery preview */
.landing-discover{background:var(--paper);border-top:1px solid #eadfd3;padding-top:34px}.landing-discover-title{font-family:Georgia,serif;color:var(--charcoal);font-size:2rem;margin:.2rem 0 0}.landing-discover-link{color:var(--red);font-weight:700;text-decoration:none;white-space:nowrap}.landing-demo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.landing-mini-card{overflow:hidden;background:#fff;border:1px solid #eadfd3;border-radius:18px;box-shadow:0 8px 22px rgba(73,37,24,.05)}.landing-mini-card>img{display:block;width:100%;height:155px;object-fit:cover;background:#f6eee7}.landing-mini-body{padding:13px}.landing-mini-name{font-weight:750;margin-top:2px}.landing-mini-body p{font-family:Georgia,serif;color:#5f554f;font-size:.9rem;line-height:1.35;margin:7px 0 12px}.landing-mini-person{display:flex;align-items:center;gap:7px;color:#766b64;font-size:.82rem}.landing-mini-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:.72rem}@media(max-width:991px){.landing-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-mini-card:last-child{grid-column:1/-1}}@media(max-width:600px){.landing-discover{padding-top:26px}.landing-discover-title{font-size:1.55rem}.landing-discover-link{font-size:.88rem}.landing-demo-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.landing-mini-card{min-width:78vw;scroll-snap-align:start}.landing-mini-card:last-child{grid-column:auto}}

/* Landing hero spacing */
.landing-hero .container{padding-top:48px;padding-bottom:48px}.landing-hero .row{padding-top:0;padding-bottom:0}.landing-discover{padding-top:30px}@media(max-width:767px){.landing-hero .container{padding-top:30px;padding-bottom:34px}.landing-discover{padding-top:24px}}

/* Compact desktop landing hero so discovery content peeks above the fold */
@media(min-width:992px){.landing-hero .container{padding-top:26px;padding-bottom:26px}.landing-hero .row{min-height:0}.landing-hero .share-card{padding:20px}.landing-hero .demo-product{height:190px;margin:14px 0}.landing-hero .recommendation{margin-bottom:0}.landing-discover{padding-top:24px}}

/* Leave room for the extension information dismiss button on every screen size. */
.extension-promo{position:relative;padding-right:54px}
.extension-promo[hidden]{display:none!important}
.extension-promo-close{position:absolute;top:6px;right:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--charcoal);font-size:26px;line-height:1;cursor:pointer}
.extension-promo-close:hover{background:rgba(0,0,0,.06)}
.extension-promo-close:focus-visible{outline:2px solid var(--charcoal);outline-offset:2px}