/* ============================================================
   FreshNestHub · Discover module styles  (discover-v1.css)
   Self-contained — does not depend on the main site stylesheet.
   ============================================================ */
:root{
  --paper:#FBFCF8; --paper-2:#EEF1E8; --card:#FFFFFF;
  --ink:#1F261C; --ink-2:#5A6356; --ink-3:#8C9486;
  --line:#E6EADF; --line-2:#EFF2EA;
  --brand:#5D7150; --brand-2:#6F8560; --brand-deep:#46583B; --brand-wash:#EAF0E4;
  --beauty:#7E8B53; --beauty-wash:#F0F1E2;
  --wellness:#4F7A63; --wellness-wash:#E6F0EA;
  --gold:#C9A75A; --good:#5C8A5A; --mid:#C49A4E; --low:#BF6A4C;
  --shadow:0 1px 2px rgba(31,38,28,.05),0 14px 34px -14px rgba(31,38,28,.16);
  --shadow-lg:0 2px 6px rgba(31,38,28,.06),0 28px 64px -22px rgba(70,88,59,.24);
  --serif:'Fraunces',Georgia,serif; --sans:'Mulish',system-ui,sans-serif; --mono:'Space Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
.dsc body,body.dsc{margin:0}
.dsc{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.dsc .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.dsc a{color:inherit;text-decoration:none}
.dsc img{max-width:100%;display:block}
.dsc .eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-weight:700}

/* header */
.dsc-top{position:sticky;top:0;z-index:60;background:rgba(251,252,248,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.dsc-top-in{display:flex;align-items:center;gap:26px;height:70px}
.dsc-brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.dsc-brand .leaf{width:30px;height:30px;flex:none}
.dsc-brand .wm{font-family:var(--serif);font-weight:600;font-size:23px;letter-spacing:-.015em}
.dsc-brand .wm b{color:var(--brand);font-weight:600}
.dsc-nav{display:flex;gap:24px;font-size:15px;font-weight:600}
.dsc-nav a{color:var(--ink-2);transition:color .15s}.dsc-nav a:hover{color:var(--brand)}
.dsc-cta{display:flex;align-items:center;gap:12px}
.btn{font-family:var(--sans);font-weight:700;font-size:14.5px;border:0;border-radius:100px;padding:10px 19px;cursor:pointer;transition:transform .12s,box-shadow .2s,background .2s,color .2s;white-space:nowrap;display:inline-block}
.btn:active{transform:translateY(1px)}
.btn.solid{background:var(--brand);color:#fff;box-shadow:var(--shadow)}
.btn.solid:hover{background:var(--brand-deep);box-shadow:var(--shadow-lg)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--brand);color:var(--brand);background:#fff}

/* hero */
.dsc-hero{padding:60px 0 30px;position:relative;overflow:hidden}
.dsc-hero::after{content:"";position:absolute;right:-160px;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 40% 40%,var(--brand-wash),transparent 62%);z-index:-1;opacity:.85}
.dsc-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.dsc-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(40px,6vw,70px);line-height:1.0;letter-spacing:-.025em;margin:16px 0 0}
.dsc-hero h1 em{font-style:italic;font-weight:400;color:var(--brand)}
.dsc-hero .lead{font-size:19px;color:var(--ink-2);margin:22px 0 26px;max-width:33ch}
.searchbar{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:100px;padding:7px 8px 7px 20px;box-shadow:var(--shadow);max-width:480px;transition:border .2s}
.searchbar:focus-within{border-color:var(--brand)}
.searchbar svg{width:19px;height:19px;color:var(--ink-3);flex:none}
.searchbar input{border:0;outline:0;font-family:var(--sans);font-size:16px;flex:1;background:transparent;color:var(--ink)}
.searchbar input::placeholder{color:var(--ink-3)}
.searchbar .btn{padding:9px 18px}
.dsc-meta{display:flex;gap:28px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.dsc-meta .n{font-family:var(--mono);font-weight:700;font-size:24px}
.dsc-meta .l{font-size:13px;color:var(--ink-3);line-height:1.3}
.spot{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-lg);overflow:hidden}
.spot .spot-top{padding:18px 20px 0}
.tab{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:7px;display:inline-block}
.tab.beauty{background:var(--beauty-wash);color:var(--beauty)} .tab.wellness{background:var(--wellness-wash);color:var(--wellness)}
.spot .ph{height:176px;margin:14px 20px 0;border-radius:16px;display:grid;place-items:center;border:1px solid var(--line-2);background:radial-gradient(120% 120% at 70% 18%,#fff,transparent),linear-gradient(135deg,var(--beauty-wash),#fff 72%)}
.spot.wellness .ph{background:radial-gradient(120% 120% at 70% 18%,#fff,transparent),linear-gradient(135deg,var(--wellness-wash),#fff 72%)}
.spot .ph svg,.spot .ph img{width:86px;height:86px;object-fit:contain}
.spot .ph img{width:100%;height:100%;border-radius:16px}
.spot .spot-body{padding:17px 20px 22px}
.spot h3{font-family:var(--serif);font-weight:500;font-size:21px;margin:0 0 3px;letter-spacing:-.01em}
.spot .sub{font-size:13.5px;color:var(--ink-3);margin-bottom:15px}
.mini-score{display:flex;align-items:center;gap:13px}
.mini-score .num{font-family:var(--mono);font-weight:700;font-size:17px}
.mini-score .verdict{font-weight:700;font-size:13.5px;color:var(--good)}
.mini-score .ago{font-size:12px;color:var(--ink-3);margin-left:auto;font-family:var(--mono)}

/* how it works */
.dsc section{padding:48px 0}
.how{background:var(--paper-2);border-radius:30px;padding:46px 44px;margin-top:8px}
.how .sec-head{margin-bottom:30px}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.how-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px}
.how-card .step{font-family:var(--mono);font-weight:700;font-size:12px;color:var(--brand);letter-spacing:.1em;margin-bottom:14px}
.how-card .ic{width:46px;height:46px;border-radius:13px;background:var(--brand-wash);display:grid;place-items:center;margin-bottom:14px}
.how-card .ic svg{width:24px;height:24px;color:var(--brand)}
.how-card h3{font-family:var(--serif);font-weight:500;font-size:21px;margin:0 0 7px;letter-spacing:-.01em}
.how-card p{font-size:14.5px;color:var(--ink-2);margin:0;line-height:1.5}

/* section frame */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px}
.sec-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(27px,3.6vw,40px);letter-spacing:-.015em;margin:8px 0 0;line-height:1.04}
.sec-head h2 em{font-style:italic;color:var(--brand)}
.sec-head p{color:var(--ink-2);font-size:15px;margin:6px 0 0}
.see-all{font-weight:700;font-size:14px;color:var(--brand);white-space:nowrap}

/* filters */
.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.chip{font-family:var(--sans);font-weight:700;font-size:14px;border:1px solid var(--line);background:#fff;color:var(--ink-2);padding:9px 18px;border-radius:100px;cursor:pointer;transition:.16s}
.chip:hover{border-color:var(--brand);color:var(--brand)}
.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.filters .count{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);margin-left:auto}

/* feed */
.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .2s;display:block}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}
.pcard.hidden{display:none}
.pcard .media{height:158px;display:grid;place-items:center;position:relative;border-bottom:1px solid var(--line-2)}
.pcard .media svg{width:68px;height:68px}.pcard .media img{width:100%;height:100%;object-fit:cover}
.pcard .media.beauty{background:linear-gradient(135deg,var(--beauty-wash),#fff 76%)}
.pcard .media.wellness{background:linear-gradient(135deg,var(--wellness-wash),#fff 76%)}
.pcard .tab{position:absolute;top:12px;left:12px}
.pcard .scorebadge{position:absolute;top:11px;right:12px;width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:15px;box-shadow:var(--shadow)}
.pcard .body{padding:15px 16px 17px}
.pcard h3{font-family:var(--serif);font-weight:500;font-size:18px;letter-spacing:-.01em;margin:0 0 4px;line-height:1.16}
.pcard .row{display:flex;align-items:center;gap:8px;margin-top:11px;font-size:12.5px;color:var(--ink-3);font-family:var(--mono)}
.vtag{font-family:var(--sans);font-weight:700;font-size:12px;padding:3px 9px;border-radius:6px}
.vt-worth{background:#E9F1E9;color:var(--good)}.vt-hype{background:#F6E9E3;color:var(--low)}.vt-wait{background:#F6EFDD;color:#9A7327}
.noresult{display:none;text-align:center;padding:50px 20px;color:var(--ink-3);font-family:var(--mono);font-size:14px}
.empty-feed{text-align:center;padding:60px 20px;color:var(--ink-3)}
.empty-feed h3{font-family:var(--serif);color:var(--ink);font-weight:500;margin:0 0 6px}

/* score ring (shared) */
.dsc-ring{position:relative}
.dsc-ring svg{width:100%;height:100%}
.dsc-ring circle{fill:none}
.dsc-ring .bg{stroke:var(--line)}
.dsc-ring .fg{stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
.dsc-ring .ctr{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.dsc-ring .ctr .v{font-family:var(--mono);font-weight:700;font-size:60px;line-height:1;letter-spacing:-.03em}
.dsc-ring .ctr .o{font-family:var(--mono);font-size:13px;color:var(--ink-3);letter-spacing:.04em}
.dsc-ring.sm .ctr{display:none}

/* ---- review page ---- */
.review{--accent:var(--beauty);--accent-wash:var(--beauty-wash)}
.review.wellness{--accent:var(--wellness);--accent-wash:var(--wellness-wash)}
.crumb{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-3);margin-bottom:18px}
.crumb a:hover{color:var(--accent)}
.review-head{max-width:760px}
.review-head h1{font-family:var(--serif);font-weight:300;font-size:clamp(34px,5vw,56px);line-height:1.02;letter-spacing:-.025em;margin:14px 0 0}
.review-head .dek{font-size:19px;color:var(--ink-2);margin:14px 0 0;max-width:60ch}
.byline{display:flex;align-items:center;gap:11px;margin-top:20px;font-size:13.5px;color:var(--ink-3);flex-wrap:wrap}
.byline .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#fff);border:1px solid var(--line);background-size:cover}
.byline b{color:var(--ink-2);font-weight:700}.byline .dot{color:var(--line)}
.scorecard{display:grid;grid-template-columns:300px 1fr;gap:40px;margin:36px 0 0;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:var(--shadow);align-items:center}
.scorecard .dsc-ring{margin:0 auto}
.scorecard .dsc-ring .fg{stroke:var(--accent)}
.verdict-pill{display:inline-flex;align-items:center;gap:8px;margin:16px auto 0;width:max-content;font-weight:700;font-size:15px;padding:8px 17px;border-radius:100px}
.verdict-pill.vt-worth{background:#E9F1E9;color:var(--good)} .verdict-pill.vt-wait{background:#F6EFDD;color:#9A7327} .verdict-pill.vt-hype{background:#F6E9E3;color:var(--low)}
.verdict-pill svg{width:16px;height:16px}
.criteria{display:grid;gap:15px}
.criteria .cr-intro{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:2px}
.crit{display:grid;grid-template-columns:150px 1fr 38px;align-items:center;gap:14px}
.crit .name{font-weight:600;font-size:14.5px}.crit .name small{display:block;font-weight:400;font-size:11.5px;color:var(--ink-3)}
.crit .track{height:9px;background:var(--line);border-radius:100px;overflow:hidden}
.crit .fill{height:100%;border-radius:100px;width:0;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.crit .val{font-family:var(--mono);font-weight:700;font-size:14px;text-align:right}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.pc-col{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px}
.pc-col h4{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}
.pc-col.pro h4{color:var(--good)} .pc-col.con h4{color:var(--low)}
.pc-col ul{margin:0;padding:0;list-style:none;display:grid;gap:11px}
.pc-col li{display:flex;gap:10px;font-size:15px;line-height:1.45;align-items:flex-start}
.pc-col li .ic{flex:none;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;margin-top:1px;font-size:11px;font-weight:700}
.pc-col.pro .ic{background:#E9F1E9;color:var(--good)} .pc-col.con .ic{background:#F6E9E3;color:var(--low)}
.strategy{margin-top:26px;background:linear-gradient(180deg,var(--accent-wash),#fff 62%);border:1px solid var(--line);border-radius:24px;padding:32px 34px;position:relative;overflow:hidden}
.strategy::before{content:"";position:absolute;right:-40px;top:-40px;width:190px;height:190px;border-radius:50%;background:var(--accent);opacity:.06}
.strategy .eyebrow{color:var(--accent)}
.strategy h3{font-family:var(--serif);font-weight:500;font-size:26px;letter-spacing:-.01em;margin:8px 0 4px}
.strategy .stip{color:var(--ink-2);font-size:14.5px;margin:0 0 22px;max-width:62ch}
.strat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.strat-cell{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:15px;padding:16px 18px}
.strat-cell .k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:6px}
.strat-cell .v{font-weight:800;font-size:16px;margin-bottom:3px}
.strat-cell .d{font-size:13.5px;color:var(--ink-2);line-height:1.4}
.strat-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.strat-tags .t{font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--accent);background:rgba(255,255,255,.82);border:1px solid var(--line);padding:5px 11px;border-radius:100px}
.review-body{max-width:720px;margin:30px 0 0;font-size:17.5px;line-height:1.7}
.review-body p{margin:0 0 16px}
.buy-row{margin:28px 0 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.disclosure{font-size:12.5px;color:var(--ink-3);max-width:60ch}

/* community */
.community{margin-top:30px;max-width:820px}
.score-input{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.score-input b{font-size:16px}
.stars{display:flex;gap:5px;margin-left:auto}
.stars span{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;font-family:var(--mono);font-weight:700;font-size:13px;color:var(--ink-3);transition:.15s}
.stars span:hover,.stars span.on{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}
.cmt{display:flex;gap:13px;padding:18px 0;border-top:1px solid var(--line)}
.cmt .av{width:38px;height:38px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--accent),#fff);border:1px solid var(--line)}
.cmt .meta{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:4px;flex-wrap:wrap}
.cmt .meta b{font-size:14.5px}
.cmt .meta .badge{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:5px;background:var(--brand-wash);color:var(--brand)}
.cmt .meta .badge.exp{background:var(--accent-wash);color:var(--accent)}
.cmt .meta .t{color:var(--ink-3);font-family:var(--mono);font-size:11.5px;margin-left:auto}
.cmt p{margin:0;font-size:15px;line-height:1.5}
.cmt .react{display:flex;gap:14px;margin-top:9px;font-size:12.5px;color:var(--ink-3);font-weight:600}

/* submit */
.submit-band{background:var(--ink);color:#fff;border-radius:30px;padding:44px 46px;position:relative;overflow:hidden}
.submit-band::before{content:"";position:absolute;right:-50px;bottom:-90px;width:300px;height:300px;border-radius:50%;background:var(--brand);opacity:.25}
.submit-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative}
.submit-grid .eyebrow{color:#9FAE93}
.submit-grid h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.2vw,36px);margin:8px 0 12px;letter-spacing:-.015em;line-height:1.08}
.submit-grid p{color:#C3CCBA;font-size:15px;margin:0 0 20px;max-width:48ch}
.flow{display:flex;gap:10px;flex-wrap:wrap}
.flow .f{font-family:var(--mono);font-size:11.5px;font-weight:700;color:#D6DDCE;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:6px 13px;border-radius:100px}
.subform{background:#fff;border-radius:22px;padding:26px;box-shadow:var(--shadow-lg)}
.subform label{display:block;font-weight:700;font-size:13px;color:var(--ink-2);margin:0 0 6px}
.subform .fld{margin-bottom:15px}
.subform input,.subform select,.subform textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--paper);transition:border .2s}
.subform input:focus,.subform select:focus,.subform textarea:focus{outline:0;border-color:var(--brand)}
.subform .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.subform .btn.solid{width:100%;justify-content:center;text-align:center;margin-top:4px;padding:13px}
.subform .note{font-size:12px;color:var(--ink-3);text-align:center;margin:12px 0 0}
.flash{border-radius:12px;padding:13px 16px;font-size:14px;font-weight:600;margin-bottom:16px}
.flash.ok{background:#E9F1E9;color:var(--good)} .flash.err{background:#F6E9E3;color:var(--low)}

/* footer */
.dsc-foot{background:var(--ink);color:#C3CCBA;margin-top:52px;padding:56px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.dsc-foot .dsc-brand .wm,.dsc-foot .dsc-brand .wm b{color:#fff}
.foot-grid>div>p{font-size:14px;max-width:34ch;margin:14px 0 0;color:#9FAE93}
.foot-col h5{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9FAE93;margin:4px 0 14px}
.foot-col a{display:block;font-size:14.5px;margin-bottom:9px;color:#C3CCBA}.foot-col a:hover{color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;font-size:13px;color:#9FAE93;flex-wrap:wrap;gap:10px;font-family:var(--mono)}

.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}

@media (max-width:920px){
  .dsc-hero-grid{grid-template-columns:1fr;gap:34px}.spot{max-width:430px}
  .how-grid{grid-template-columns:1fr}.how{padding:34px 26px}
  .feed{grid-template-columns:repeat(2,1fr)}
  .scorecard{grid-template-columns:1fr;gap:26px;text-align:center}.criteria{text-align:left}
  .strat-grid{grid-template-columns:1fr}.submit-grid{grid-template-columns:1fr;gap:28px}
  .foot-grid{grid-template-columns:1fr 1fr}.dsc-nav{display:none}
}
@media (max-width:560px){
  .dsc{font-size:16px}.feed{grid-template-columns:1fr}.pc{grid-template-columns:1fr}
  .submit-band{padding:30px}.subform .two{grid-template-columns:1fr}
  .crit{grid-template-columns:116px 1fr 34px;gap:10px}.foot-grid{grid-template-columns:1fr}.wrap{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}.rv{opacity:1;transform:none}}

/* ===== Pass 3: community comment form ===== */
.comment-form{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin-bottom:22px}
.comment-form .cf-row{display:flex;gap:16px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.comment-form input[type=text]{flex:1;min-width:180px;border:1.5px solid var(--line);border-radius:11px;padding:11px 14px;font:inherit;font-size:15px;color:var(--ink);background:var(--paper)}
.comment-form input[type=text]:focus,.comment-form textarea:focus{outline:0;border-color:var(--accent)}
.cf-score{display:flex;align-items:center;gap:12px;min-width:230px}
.cf-score-lab{font-size:13px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.cf-score-lab b{font-family:var(--mono);color:var(--accent);font-size:15px}
.cf-slider{-webkit-appearance:none;appearance:none;width:130px;height:7px;border-radius:100px;background:var(--line);outline:0}
.cf-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:var(--shadow);cursor:pointer}
.cf-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid #fff;cursor:pointer}
.comment-form textarea{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:12px 14px;font:inherit;font-size:15px;color:var(--ink);background:var(--paper);min-height:80px;resize:vertical}
.cf-actions{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.cf-note{font-size:12.5px;color:var(--ink-3)}
.cmt-score{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-wash);padding:2px 8px;border-radius:6px}
@media (max-width:560px){.cf-score{min-width:0;width:100%}.cf-slider{flex:1}}