.rh-wrap{--accent:var(--c-violet);max-width:1100px;margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem)}.rh-hero{text-align:center;padding:clamp(1.25rem,5vw,3rem) 0 clamp(1rem,3vw,2rem)}.rh-eyebrow{font:600 .78rem/1 var(--font-geist-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--c-violet-text);border:1px solid color-mix(in oklab, var(--accent) 45%, transparent);border-radius:999px;margin-bottom:1.1rem;padding:.4rem .75rem;display:inline-block}.rh-hero h1{font-family:var(--font-bricolage,sans-serif);font-weight:800;font-size:var(--text-h2);letter-spacing:-.02em;max-width:18ch;color:var(--c-ink);margin:0 auto;line-height:1.02}.rh-hero h1 .grad{background:var(--grad-chrome);color:#0000;-webkit-background-clip:text;background-clip:text}.rh-hero p{max-width:62ch;color:var(--c-ink-soft);font-size:var(--text-base);margin:1rem auto 0}.rh-hero b{color:var(--c-ink);font-weight:700}.rh-hero-niche .rh-hero-emoji{filter:drop-shadow(0 6px 14px color-mix(in oklab, var(--accent) 40%, transparent));margin:0 auto .75rem;font-size:clamp(2.5rem,8vw,3.5rem);display:block}.rh-back{color:var(--c-ink-soft);align-items:center;gap:.35rem;padding:.3rem 0;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.rh-back:hover{color:var(--c-ink)}.rh-niches{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem;margin:0 0 clamp(2rem,5vw,3.5rem);padding:0;list-style:none;display:grid}.rh-niche{--accent:var(--c-violet);height:100%;color:inherit;background:var(--c-card);border:1px solid color-mix(in oklab, var(--c-ink) 10%, transparent);box-shadow:0 1px 2px color-mix(in oklab, var(--c-ink) 6%, transparent);transition:transform .15s var(--ease), box-shadow .15s var(--ease), border-color .15s var(--ease);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.1rem 1.15rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.rh-niche:before{content:"";background:var(--accent);opacity:.85;width:4px;position:absolute;inset:0 auto 0 0}.rh-niche:hover{border-color:color-mix(in oklab, var(--accent) 55%, transparent);box-shadow:0 16px 34px -16px color-mix(in oklab, var(--accent) 55%, var(--c-shadow));transform:translateY(-3px)}.rh-niche-emoji{font-size:1.8rem;line-height:1}.rh-niche-body{flex-direction:column;flex:1;gap:.3rem;display:flex}.rh-niche-title{font-family:var(--font-bricolage,sans-serif);color:var(--c-ink);font-size:1.12rem;font-weight:700;line-height:1.15}.rh-niche-blurb{color:var(--c-ink-soft);font-size:.9rem;line-height:1.35}.rh-niche-foot{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.rh-niche-count{font:600 .75rem/1 var(--font-geist-mono,monospace);color:var(--c-ink);background:color-mix(in oklab, var(--accent) 18%, transparent);border-radius:999px;padding:.28rem .55rem}.rh-niche-go{color:var(--c-violet-text);opacity:0;transition:opacity .15s var(--ease), transform .15s var(--ease);font-size:.82rem;font-weight:700;transform:translate(-4px)}.rh-niche:hover .rh-niche-go{opacity:1;transform:translate(0)}.rh-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.rh-search{flex:260px;align-items:center;display:flex;position:relative}.rh-search svg{color:var(--c-ink-faint);pointer-events:none;position:absolute;left:.85rem}.rh-search input{border:1px solid color-mix(in oklab, var(--c-ink) 16%, transparent);background:var(--c-field);width:100%;color:var(--c-ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:12px;padding:.7rem 1rem .7rem 2.6rem;font-size:1rem}.rh-search input::placeholder{color:var(--c-ink-faint)}.rh-search input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 28%, transparent);outline:none}.rh-langs{background:color-mix(in oklab, var(--c-ink) 6%, transparent);border-radius:12px;gap:.35rem;padding:.25rem;display:inline-flex}.rh-lang{color:var(--c-ink-soft);cursor:pointer;transition:all .15s var(--ease);background:0 0;border:none;border-radius:9px;padding:.4rem .7rem;font-size:.85rem;font-weight:600}.rh-lang:hover{color:var(--c-ink)}.rh-lang.is-on{background:var(--c-card);color:var(--c-ink);box-shadow:0 1px 3px color-mix(in oklab, var(--c-ink) 14%, transparent)}.rh-count{font:600 .85rem/1 var(--font-geist-mono,monospace);color:var(--c-ink-soft);margin:0 0 1.1rem}.rh-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.rh-item{align-items:flex-start;gap:.85rem;display:flex}.rh-num{width:2rem;height:2rem;font:700 .8rem/1 var(--font-geist-mono,monospace);color:var(--c-ink);background:color-mix(in oklab, var(--accent) 16%, transparent);border-radius:999px;flex-shrink:0;place-items:center;margin-top:.5rem;display:grid}.rh-hook{text-align:left;border:1px solid color-mix(in oklab, var(--c-ink) 10%, transparent);background:var(--c-card);color:inherit;cursor:pointer;transition:transform .12s var(--ease), box-shadow .15s var(--ease), border-color .15s var(--ease);border-radius:14px;flex-direction:column;flex:1;gap:.3rem;padding:.85rem 1rem;display:flex}.rh-hook:hover{border-color:color-mix(in oklab, var(--accent) 50%, transparent);box-shadow:0 12px 26px -16px color-mix(in oklab, var(--accent) 50%, var(--c-shadow));transform:translateY(-2px)}.rh-hook:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rh-en{color:var(--c-ink);font-size:1rem;font-weight:600;line-height:1.35}.rh-tr{color:var(--c-ink-soft);font-size:.95rem;line-height:1.4}.rh-copyhint{font:600 .7rem/1 var(--font-geist-mono,monospace);color:var(--c-ink-faint);opacity:0;transition:opacity .15s var(--ease), color .15s var(--ease);margin-top:.15rem}.rh-hook:hover .rh-copyhint,.rh-hook:focus-visible .rh-copyhint{opacity:1;color:var(--c-violet-text)}.rh-empty{text-align:center;color:var(--c-ink-soft);padding:3rem 1rem}.rh-howto{background:color-mix(in oklab, var(--c-violet) 7%, var(--c-card));border:1px solid color-mix(in oklab, var(--c-violet) 20%, transparent);border-radius:18px;margin:clamp(1.5rem,4vw,2.5rem) 0;padding:clamp(1.25rem,3vw,2rem)}.rh-howto h2{font-family:var(--font-bricolage,sans-serif);color:var(--c-ink);margin:0 0 1rem;font-size:1.5rem}.rh-howto ul{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.rh-howto li{color:var(--c-ink-soft);padding-left:1.5rem;font-size:.95rem;line-height:1.45;position:relative}.rh-howto li:before{content:"→";color:var(--c-violet-text);font-weight:700;position:absolute;left:0}.rh-howto strong{color:var(--c-ink)}.rh-cta{background:var(--c-ink);color:var(--c-studio);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:clamp(1.5rem,4vw,2.5rem) 0 0;padding:clamp(1.25rem,3vw,1.75rem);display:flex}.rh-cta h2{font-family:var(--font-bricolage,sans-serif);margin:0 0 .35rem;font-size:1.35rem}.rh-cta p{opacity:.82;margin:0;font-size:.95rem}.rh-cta-btn{background:var(--c-volt);color:#16131a;transition:transform .12s var(--ease);border-radius:999px;flex-shrink:0;padding:.75rem 1.4rem;font-weight:700;text-decoration:none}.rh-cta-btn:hover{transform:translateY(-2px)}.rh-toast{z-index:60;background:var(--c-ink);color:var(--c-studio);box-shadow:0 12px 30px -10px var(--c-shadow);opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);border-radius:999px;padding:.65rem 1.1rem;font-size:.85rem;font-weight:600;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,1rem)}.rh-toast.is-shown{opacity:1;transform:translate(-50%)}.rh-totop{z-index:55;border:1px solid color-mix(in oklab, var(--c-ink) 14%, transparent);background:var(--c-card);width:2.8rem;height:2.8rem;color:var(--c-ink);cursor:pointer;box-shadow:0 10px 26px -12px var(--c-shadow);opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);border-radius:999px;font-size:1.15rem;position:fixed;bottom:1.25rem;right:1.25rem;transform:translateY(.75rem)scale(.9)}.rh-totop.is-shown{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}@media (max-width:560px){.rh-controls{flex-direction:column;align-items:stretch}.rh-langs{justify-content:space-between}.rh-lang{flex:1}}@media (prefers-reduced-motion:reduce){.rh-niche,.rh-hook,.rh-toast,.rh-totop,.rh-cta-btn{transition:none}.rh-niche:hover,.rh-hook:hover,.rh-cta-btn:hover{transform:none}}
