.real-product-page{width:min(980px,100% - 40px);color:var(--ink);margin:0 auto;padding:36px 0 88px}.real-product-back{color:var(--muted);font:560 12px / 1.2 var(--font-ui);margin-bottom:16px;text-decoration:none;display:inline-flex}.real-product-back:hover{color:var(--ink)}.real-product-hero{border-bottom:1px solid var(--line);padding-bottom:18px}.real-product-identity{align-items:flex-start;gap:14px;display:flex}.real-product-identity>img,.real-product-identity>span{border:1px solid var(--line);background:var(--surface-raised);object-fit:contain;width:56px;height:56px;font:700 18px / 1 var(--font-ui);border-radius:14px;flex:none;place-items:center;display:grid}.real-product-title-row{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.real-product-identity h1{font:730 clamp(26px, 4vw, 34px) / 1.05 var(--font-ui);letter-spacing:-.035em;margin:0}.real-product-title-row .featured-placement-badge{transform:translateY(1px)}.real-product-identity>div>p{color:var(--muted);font:470 14px / 1.45 var(--font-ui);max-width:54ch;margin:6px 0 0}.real-product-byline{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:10px;display:flex}.real-product-maker{color:var(--ink);font:560 12.5px / 1.2 var(--font-ui);align-items:center;gap:8px;display:inline-flex}.real-product-maker img,.real-product-maker i{background:var(--accent-soft);object-fit:cover;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-style:normal;display:grid;overflow:hidden}.real-product-maker strong{font-weight:650}.real-product-published{color:var(--muted);font:520 12px / 1.2 var(--font-ui)}.real-product-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.real-product-actions>a,.real-product-actions>button{border:1px solid var(--line);background:var(--surface-raised);min-height:38px;color:var(--ink);font:630 11.5px / 1 var(--font-ui);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:0 13px;transition:border-color .18s cubic-bezier(.2,.8,.2,1),background .18s cubic-bezier(.2,.8,.2,1),color .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1);display:inline-flex}.real-product-actions>a:hover,.real-product-actions>button:hover{border-color:color-mix(in srgb, var(--ink) 28%, var(--line));transform:translateY(-1px)}.real-product-actions .visit-product{color:#fff;background:#1b1b19;border-color:#111}.real-product-actions .visit-product:hover{background:#111;border-color:#111}.real-product-actions img{object-fit:contain;width:15px;height:15px}.real-product-actions .visit-product .ui-arrow{width:12px;height:12px}.real-product-actions .is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.product-upvote{position:relative;overflow:hidden}.product-upvote:disabled{cursor:wait;opacity:.88}.product-upvote-icon{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:999px;place-items:center;width:18px;height:18px;transition:background .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:grid}.product-upvote-icon img{filter:none;width:11px;height:11px}.product-upvote-copy{align-items:center;gap:7px;display:inline-flex}.product-upvote-copy b{font-variant-numeric:tabular-nums;min-width:1.1em;font-weight:720}.product-upvote.is-active .product-upvote-icon{background:color-mix(in srgb, var(--accent-contrast) 18%, transparent)}.product-upvote.is-active img{filter:brightness(0)invert()}:root[data-theme=light] .product-upvote.is-active img,:root:not([data-theme=dark]) .product-upvote.is-active img{filter:none}.product-upvote.is-popping .product-upvote-icon{animation:.42s cubic-bezier(.2,.85,.25,1) product-upvote-pop}.product-upvote.is-popping:after{content:"";pointer-events:none;background:radial-gradient(circle at 22% 50%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 42%);animation:.42s ease-out product-upvote-flash;position:absolute;inset:0}@keyframes product-upvote-pop{0%{transform:scale(1)translateY(0)}35%{transform:scale(1.22)translateY(-3px)}to{transform:scale(1)translateY(0)}}@keyframes product-upvote-flash{0%{opacity:.55}to{opacity:0}}@media (prefers-reduced-motion:reduce){.product-upvote.is-popping .product-upvote-icon,.product-upvote.is-popping:after{animation:none}.real-product-actions>a,.real-product-actions>button{transition:none}}.community-action-message{width:100%;color:var(--accent-deep);font-size:11px}.real-product-page .product-media{margin-top:20px}.real-product-page .product-media:focus{outline:none}.real-product-page .product-media:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-deep) 70%, transparent);outline-offset:4px;border-radius:14px}.real-product-page .product-media-frame{border-radius:12px}.real-product-page .product-media-frame>img{aspect-ratio:16/10}.real-product-layout{grid-template-columns:minmax(0,1fr) 260px;gap:36px;padding-top:26px;display:grid}.real-product-layout article{gap:0;display:grid}.real-product-layout article>section{border-bottom:1px solid var(--line);padding:22px 0}.real-product-layout article>section:first-child{padding-top:0}.real-product-layout h2{font:680 16px / 1.2 var(--font-ui);letter-spacing:-.02em;margin:0 0 10px}.real-founder-note>h2,.real-spotlight-note>h2,.real-faq>h2,.real-comments>h2,.real-facts>h2{align-items:center;gap:8px;display:inline-flex}.real-comments-mark{object-fit:contain;opacity:.78;width:16px;height:16px;display:block}.real-product-layout article p{max-width:68ch;color:var(--muted);font:470 14.5px / 1.65 var(--font-ui);margin:0}.real-section-heading{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:2px;display:flex}.real-section-heading h2{align-items:center;gap:8px;margin:0;display:inline-flex}.real-section-heading>span{color:var(--faint);font:600 10px / 1 var(--font-ui)}.real-fact-list{margin:10px 0 0}.real-fact-list>div{border-top:1px solid var(--soft-line);grid-template-columns:120px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:9px 0;display:grid}.real-fact-list dt{color:var(--muted);font:560 11.5px / 1.2 var(--font-ui);align-items:center;gap:7px;display:inline-flex}.real-fact-row-icon,.real-founder-mark,.meta-chip-icon{width:16px;height:16px;box-shadow:none;background:0 0;border-radius:0;flex:none;place-items:center;display:inline-grid;overflow:visible}.real-fact-row-icon img,.real-founder-mark img,.meta-chip-icon img{object-fit:contain;width:15px;height:15px;display:block}:root[data-theme=dark] .real-fact-row-icon img,:root[data-theme=dark] .real-founder-mark img,:root[data-theme=dark] .meta-chip-icon.is-ink img{filter:brightness(0)invert();opacity:.92}:root[data-theme=dark] .meta-chip-icon{background:color-mix(in srgb, var(--accent-soft) 55%, #2a2622)}:root[data-theme=dark] .real-fact-row-icon,:root[data-theme=dark] .real-founder-mark{box-shadow:none;background:0 0}.real-fact-row-icon.is-empty,.real-founder-mark.is-empty,.meta-chip-icon.is-empty{background:0 0}.real-fact-list dd{flex-wrap:wrap;gap:7px;margin:0;display:flex}.meta-chip{border:1px solid color-mix(in srgb, var(--ink) 14%, var(--line));background:var(--surface-raised);min-height:26px;box-shadow:none;color:var(--ink);font:600 11px / 1.2 var(--font-ui);letter-spacing:-.015em;opacity:1;border-radius:8px;align-items:center;gap:6px;padding:3px 8px;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.meta-chip-icon{background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface));border-radius:5px;width:18px;height:18px}.meta-chip-icon img{width:12px;height:12px}.meta-chip.is-interactive{cursor:pointer}.meta-chip.is-interactive:hover,.meta-chip:focus-visible{border-color:color-mix(in srgb, var(--accent-deep) 42%, var(--line));background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface-raised));box-shadow:0 10px 22px -18px var(--shadow);outline:none;transform:translateY(-1px)}.meta-chip:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-deep) 65%, transparent);outline-offset:2px}.real-founder-mark{width:18px;height:18px;box-shadow:none;background:0 0;border-radius:0}.real-founder-mark img{width:16px;height:16px}.real-founder-note blockquote{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 42%, var(--surface-raised)), var(--surface-raised));max-width:64ch;color:var(--ink);font:500 14.5px / 1.6 var(--font-ui);letter-spacing:-.015em;white-space:pre-wrap;border-radius:12px;margin:12px 0 0;padding:16px 18px}.real-spotlight-note blockquote{border:1px solid color-mix(in srgb, var(--accent-deep) 22%, var(--line));background:color-mix(in srgb, var(--accent-soft) 35%, var(--surface-raised));max-width:64ch;color:var(--ink);font:500 14px / 1.6 var(--font-ui);white-space:pre-wrap;border-radius:12px;margin:10px 0 0;padding:14px 16px}.real-spotlight-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.real-spotlight-head>h2{margin:0}.real-spotlight-rating{align-items:baseline;gap:8px;margin:0;display:inline-flex}.real-spotlight-rating strong{font:720 18px / 1 var(--font-ui);letter-spacing:-.03em}.real-spotlight-rating span{color:var(--muted);font:560 11px / 1 var(--font-ui)}.real-faq-list{gap:8px;margin-top:12px;display:grid}.real-faq-list details{border:1px solid var(--line);background:var(--surface-raised);border-radius:11px;overflow:hidden}.real-faq-list summary{cursor:pointer;font:620 13.5px / 1.35 var(--font-ui);letter-spacing:-.015em;padding:12px 14px;list-style:none}.real-faq-list summary::-webkit-details-marker{display:none}.real-faq-list details[open] summary{border-bottom:1px solid var(--soft-line)}.real-faq-list details p{color:var(--muted);padding:12px 14px 14px;font:470 13.5px / 1.6 var(--font-ui)!important;margin:0!important}.real-comments-composer{border:1px dashed color-mix(in srgb, var(--line) 88%, var(--accent-deep));background:color-mix(in srgb, var(--surface-raised) 88%, transparent);opacity:.92;border-radius:12px;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-top:12px;padding:12px;display:grid}.real-comments-avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-deep);font:700 12px / 1 var(--font-ui);border-radius:50%;place-items:center;display:grid}.real-comments-composer p{color:var(--muted);font:500 13px / 1.4 var(--font-ui)!important;margin:0 0 8px!important}.real-comments-composer button{border:1px solid var(--line);background:var(--surface);min-height:32px;color:var(--muted);font:600 11px / 1 var(--font-ui);cursor:not-allowed;border-radius:8px;padding:0 11px}.real-comments-empty{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;margin-top:14px;padding:16px 14px}.real-comments-empty strong{font:650 13px / 1.2 var(--font-ui);display:block}.real-comments-empty p{margin-top:6px!important}.real-product-layout aside{align-content:start;gap:12px;padding-top:2px;display:grid}.real-side-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.real-side-stats>div{border:1px solid var(--line);background:var(--surface-raised);text-align:center;opacity:1;border-radius:11px;padding:12px 10px}.real-side-stats strong{font:720 18px / 1 var(--font-ui);letter-spacing:-.03em;display:block}.real-side-stats span{color:var(--muted);font:560 10.5px / 1 var(--font-ui)}.real-side-stat-label{justify-content:center;align-items:center;gap:5px;display:inline-flex}.real-side-stat-label .ui-icon{opacity:.7;width:12px;height:12px}.supporter-panel,.owner-badge-note,.real-meta-card{border:1px solid var(--line);background:var(--surface-raised);opacity:1;border-radius:12px;margin:0;padding:14px}.owner-badge-note{gap:6px;padding:14px;display:grid}.owner-badge-note>strong{font:650 13px/1.2 var(--font-ui);letter-spacing:-.015em;margin:0}.owner-badge-note>p{color:var(--muted);font:450 11.5px/1.45 var(--font-ui);margin:0}.owner-badge-note>p a{color:var(--accent-deep);align-items:center;gap:6px;font-weight:650;text-decoration:none;display:inline-flex}:root[data-theme=dark] .real-product-page{color:#f4f1ea}:root[data-theme=dark] .real-product-identity h1,:root[data-theme=dark] .real-product-layout h2{color:#f7f3ec}:root[data-theme=dark] .real-product-identity p,:root[data-theme=dark] .real-product-layout article p,:root[data-theme=dark] .real-fact-list dt{color:#c9c3ba}:root[data-theme=dark] .meta-chip{color:#f2eee7;background:#2b2a26;border-color:#4d4942}:root[data-theme=dark] .supporter-panel,:root[data-theme=dark] .owner-badge-note,:root[data-theme=dark] .real-meta-card,:root[data-theme=dark] .real-side-stats>div,:root[data-theme=dark] .real-comments-empty,:root[data-theme=dark] .real-faq-list details,:root[data-theme=dark] .real-founder-note blockquote,:root[data-theme=dark] .real-spotlight-note blockquote{color:#f2eee7;background:#24231f;border-color:#45423c}:root[data-theme=dark] .real-product-identity>img,:root[data-theme=dark] .real-product-identity>span{background:#24231f;border-color:#45423c}.supporter-panel h2,.real-meta-card h2{font:650 12.5px / 1.2 var(--font-ui);margin:0 0 10px}.supporter-panel>div{flex-wrap:wrap;min-height:34px;display:flex}.supporter-panel>div span{border:2px solid var(--surface-raised);background:var(--accent-soft);border-radius:50%;place-items:center;width:30px;height:30px;margin-right:-6px;font-size:10px;line-height:1;display:grid;overflow:hidden}.supporter-panel .supporter-empty{border:1px dashed var(--line);width:auto;min-width:52px;height:30px;color:var(--muted);font:560 10px / 1.2 var(--font-ui);letter-spacing:-.01em;white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin-right:0;padding:0 10px;display:inline-flex;overflow:visible}.supporter-panel img{object-fit:cover;width:100%;height:100%}.supporter-panel p{color:var(--muted);margin:8px 0 0;font-size:11px}.real-meta-card dl{gap:0;margin:0;display:grid}.real-meta-card dl>div{border-top:1px dotted var(--soft-line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.real-meta-card dl>div:first-child{border-top:0;padding-top:0}.real-meta-card dt{color:var(--muted);font:540 11px / 1.2 var(--font-ui)}.real-meta-card dd{text-align:right;font:600 11.5px / 1.2 var(--font-ui);margin:0}.real-meta-card a{color:var(--accent-deep);text-decoration:none}.real-maker{align-items:center;gap:7px;display:inline-flex}.real-maker img,.real-maker i{background:var(--accent-soft);object-fit:cover;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-style:normal;display:grid;overflow:hidden}.owner-badge-note strong{font:650 12.5px / 1.2 var(--font-ui)}@media (max-width:780px){.real-product-page{width:min(100% - 24px,980px);padding-top:20px}.real-product-identity{gap:12px}.real-product-identity>img,.real-product-identity>span{border-radius:12px;width:48px;height:48px}.real-product-identity h1{font-size:clamp(24px,7vw,30px)}.real-product-title-row{gap:8px}.real-product-actions{gap:8px;margin-top:14px}.real-product-actions>a,.real-product-actions>button{flex:auto;justify-content:center;min-height:40px}.real-product-layout{grid-template-columns:1fr;gap:16px;padding-top:20px}.real-fact-list>div{grid-template-columns:1fr;align-items:start;gap:8px}}.real-product-page.is-loading{position:relative}.product-loading-bar{z-index:80;background:linear-gradient(90deg, transparent, var(--accent), transparent);width:min(72vw,100%);height:2px;animation:1.1s cubic-bezier(.2,.8,.2,1) infinite product-loading-slide;position:fixed;top:0;left:0}.product-loading-label{color:var(--muted);font:560 12px / 1.2 var(--font-ui);margin:0 0 18px}.product-skel{background:linear-gradient(90deg, color-mix(in srgb, var(--ink) 6%, var(--surface-raised)) 0%, color-mix(in srgb, var(--ink) 11%, var(--surface-raised)) 45%, color-mix(in srgb, var(--ink) 6%, var(--surface-raised)) 100%);background-size:220% 100%;border-radius:10px;animation:1.2s ease-in-out infinite product-skel-shine;display:block}.product-skel-mark{border-radius:14px;width:56px;height:56px}.product-skel-copy{flex:1;gap:8px;padding-top:4px;display:grid}.product-skel-title{width:min(220px,55%);height:28px}.product-skel-line{width:min(420px,88%);height:12px}.product-skel-line.is-short{width:min(180px,42%)}.product-skel-btn{border-radius:9px;width:96px;height:38px}.product-skel-btn.is-wide{width:118px}.product-skel-media{aspect-ratio:16/10;border-radius:12px;width:100%;margin-top:20px}.real-product-page.is-loading .real-product-layout{gap:24px;padding-top:26px}.real-product-page.is-loading article,.real-product-page.is-loading aside{align-content:start;gap:12px;display:grid}.product-skel-heading{width:92px;height:16px}.product-skel-paragraph{width:100%;height:84px}.product-skel-paragraph.is-short{width:72%;height:48px}.product-skel-side{border-radius:12px;width:100%;height:120px}@keyframes product-loading-slide{0%{opacity:.35;transform:translate(-40%)}50%{opacity:1}to{opacity:.35;transform:translate(120%)}}@keyframes product-skel-shine{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.product-loading-bar,.product-skel{animation:none}}