*{box-sizing:border-box}:root{--color-bg: #0b1221;--color-surface: #0f1a2d;--color-card: #121f38;--color-muted: #9fb0d5;--color-text: #e7edff;--color-accent: #63e6be;--color-accent-strong: #35caa0;--color-border: rgba(255, 255, 255, .1);--surface-soft: rgba(255, 255, 255, .03);--surface-soft-2: rgba(255, 255, 255, .04);--surface-soft-3: rgba(255, 255, 255, .02);--accent-soft: rgba(99, 230, 190, .12);--accent-soft-strong: rgba(99, 230, 190, .14);--accent-focus: rgba(99, 230, 190, .2);--accent-border: rgba(99, 230, 190, .45);--accent-border-strong: rgba(99, 230, 190, .68);--topbar-bg: rgba(12, 18, 31, .85);--overlay-bg: rgba(5, 8, 15, .75);--glass-start: rgba(255, 255, 255, .05);--glass-end: rgba(255, 255, 255, .02);--shadow-lg: 0 18px 55px rgba(0, 0, 0, .32);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .22);--button-hover-shadow: 0 12px 35px rgba(0, 0, 0, .25);--bg-glow-1: rgba(99, 230, 190, .08);--bg-glow-2: rgba(99, 230, 190, .07);--bg-glow-3: rgba(86, 115, 255, .08);--bg-gradient-start: #0a0f1c;--bg-gradient-mid: #0d1527;--bg-gradient-end: #0b1221;--hero-glow: rgba(99, 230, 190, .14);--button-primary-text: #0c1727;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg)}:root[data-theme=light]{--color-bg: #f4f7fb;--color-surface: #ffffff;--color-card: #ffffff;--color-muted: #556684;--color-text: #17233d;--color-accent: #1f9d7a;--color-accent-strong: #167c60;--color-border: rgba(23, 35, 61, .14);--surface-soft: rgba(23, 35, 61, .05);--surface-soft-2: rgba(23, 35, 61, .07);--surface-soft-3: rgba(23, 35, 61, .035);--accent-soft: rgba(31, 157, 122, .12);--accent-soft-strong: rgba(31, 157, 122, .16);--accent-focus: rgba(31, 157, 122, .22);--accent-border: rgba(31, 157, 122, .44);--accent-border-strong: rgba(31, 157, 122, .66);--topbar-bg: rgba(255, 255, 255, .84);--overlay-bg: rgba(16, 24, 40, .38);--glass-start: rgba(255, 255, 255, .9);--glass-end: rgba(255, 255, 255, .7);--shadow-lg: 0 22px 58px rgba(24, 39, 75, .18);--shadow-soft: 0 12px 32px rgba(24, 39, 75, .12);--button-hover-shadow: 0 14px 28px rgba(24, 39, 75, .16);--bg-glow-1: rgba(31, 157, 122, .12);--bg-glow-2: rgba(52, 120, 219, .09);--bg-glow-3: rgba(15, 180, 157, .08);--bg-gradient-start: #f6fbff;--bg-gradient-mid: #f2f7ff;--bg-gradient-end: #eef5ff;--hero-glow: rgba(31, 157, 122, .15);--button-primary-text: #ffffff;color-scheme:light}body{margin:0;min-height:100vh;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 15% 20%,var(--bg-glow-1),transparent 25%),radial-gradient(circle at 85% 10%,var(--bg-glow-2),transparent 22%),radial-gradient(circle at 40% 65%,var(--bg-glow-3),transparent 35%),linear-gradient(140deg,var(--bg-gradient-start),var(--bg-gradient-mid) 55%,var(--bg-gradient-end));color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent)}.app-shell{max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:1rem;z-index:2;padding:.75rem 1rem;border-radius:18px;background:var(--topbar-bg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft)}.topbar__right{display:flex;align-items:center;gap:.5rem}.brand{font-weight:800;letter-spacing:-.02em}.nav{display:flex;gap:.5rem;flex-wrap:wrap}.nav__link{padding:.55rem .95rem;border-radius:8px;border:1px solid transparent;color:var(--color-muted);transition:color .14s ease,border-color .14s ease,background .14s ease}.nav__link:hover{color:var(--color-text);border-color:var(--color-border);background:var(--surface-soft)}.nav__link--active{color:var(--color-text);border-color:var(--accent-border);background:var(--accent-soft)}.hero{background:linear-gradient(140deg,var(--glass-start),var(--glass-end));border:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:2rem;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.hero:after{content:"";position:absolute;inset:-10% 55% auto -10%;height:140%;background:radial-gradient(circle,var(--hero-glow),transparent 55%);filter:blur(42px);opacity:.6}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:var(--accent-soft);border:1px solid var(--color-border);color:var(--color-accent);font-size:.85rem;letter-spacing:.01em}.hero h1{margin:1rem 0 .75rem;font-size:clamp(2.2rem,3vw,2.8rem);letter-spacing:-.02em}.hero .lede{max-width:640px;margin:0 0 1rem;line-height:1.6;color:var(--color-muted)}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.15rem;border-radius:8px;border:1px solid var(--color-border);background:var(--surface-soft);color:var(--color-text);font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px);border-color:var(--accent-border);box-shadow:var(--button-hover-shadow)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.button--primary{background:linear-gradient(120deg,var(--color-accent),var(--color-accent-strong));color:var(--button-primary-text);border:none}.button--compact{padding:.55rem .85rem;font-size:.88rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.panel{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);border-radius:18px;padding:1.5rem}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0;color:var(--color-muted)}.panel h3{margin:.5rem 0 0}.products-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.product-card{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:1rem;border-radius:12px;background:var(--surface-soft);border:1px solid var(--color-border)}.product-card__name{font-weight:700;margin:0}.product-card__desc{margin:0;color:var(--color-muted)}.tag{padding:.2rem .7rem;border-radius:999px;background:var(--accent-soft-strong);color:var(--color-accent);font-size:.85rem}.tag--neutral{background:var(--surface-soft-2);color:var(--color-muted)}.empty{color:var(--color-muted);margin:0}.loading{color:var(--color-muted)}.auth-tabs{display:grid;gap:1rem}.auth-tabs__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.auth-tabs__trigger{border-radius:8px;border:1px solid var(--color-border);background:var(--surface-soft-3);color:var(--color-muted);padding:.7rem .75rem;cursor:pointer;font-weight:600}.auth-tabs__trigger[data-state=active]{border-color:var(--accent-border-strong);color:var(--color-text);background:var(--accent-soft)}.auth-tabs__content{display:grid}.auth-form{display:grid;gap:1rem;max-width:420px}.auth-form label{display:grid;gap:.5rem;color:var(--color-muted);font-size:.95rem}.auth-form input{padding:.8rem .95rem;border-radius:8px;border:1px solid var(--color-border);background:var(--surface-soft-2);color:var(--color-text);outline:none;transition:border-color .12s ease,box-shadow .15s ease}.auth-form input:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-focus)}.auth-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.auth-card{display:grid;gap:.75rem;border:1px solid var(--color-border);border-radius:12px;background:var(--surface-soft-3);padding:1rem}.auth-card__title{margin:0;font-weight:700}.auth-card__text{margin:0;color:var(--color-muted)}.auth-active{margin-top:1rem;display:grid;gap:.75rem;border:1px solid var(--color-border);border-radius:12px;background:var(--surface-soft-3);padding:1rem}.auth-active__title{margin:0;font-weight:700}.auth-active__token{margin:0;overflow-wrap:anywhere}.radix-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-show .16s ease}.radix-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,92vw);padding:1.5rem;border-radius:18px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:grid;gap:.75rem;animation:dialog-pop .18s ease}.radix-dialog__title{margin:0;font-size:1.35rem}.radix-dialog__description{margin:0;color:var(--color-muted)}.radix-dialog__body{display:grid;gap:.75rem}.radix-dropdown{min-width:180px;padding:.5rem;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.radix-dropdown__item{padding:.65rem .75rem;border-radius:8px;cursor:pointer}.radix-dropdown__item[data-highlighted]{background:var(--accent-soft);color:var(--color-text)}.radix-select{min-width:180px;padding:.75rem .9rem;border-radius:8px;border:1px solid var(--color-border);background:var(--surface-soft);color:var(--color-text);text-align:left}.radix-select__content{overflow:hidden;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft)}.radix-select__viewport{padding:.5rem}.radix-select__item{border-radius:8px;padding:.65rem .75rem;cursor:pointer}.radix-select__item[data-highlighted]{background:var(--accent-soft)}.reddit-shell{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(380px,1.4fr);gap:1rem;align-items:start}.reddit-list-panel{display:grid;gap:1rem;position:sticky;top:calc(1rem + 72px);max-height:calc(100vh - 130px);overflow:auto}.reddit-list-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.reddit-filters{display:grid;gap:.75rem;padding:1rem;border-radius:12px;border:1px solid var(--color-border);background:var(--surface-soft-3)}.reddit-filters label{display:grid;gap:.5rem;color:var(--color-muted);font-size:.9rem}.reddit-filters input,.reddit-filters select{width:100%;padding:.65rem .8rem;border-radius:8px;border:1px solid var(--color-border);background:var(--surface-soft-2);color:var(--color-text);outline:none}.reddit-filters input:focus,.reddit-filters select:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-focus)}.reddit-filters__dates{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.reddit-filters__checkbox{display:flex!important;align-items:center;gap:.5rem}.reddit-filters__checkbox input{width:auto;margin:0}.reddit-feed-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.reddit-feed-item{width:100%;text-align:left;border:1px solid var(--color-border);border-radius:12px;background:var(--surface-soft-3);padding:.75rem;display:grid;gap:.5rem;cursor:pointer;color:var(--color-text);transition:border-color .12s ease,transform .12s ease,background .12s ease}.reddit-feed-item:hover{border-color:var(--accent-border);transform:translateY(-1px)}.reddit-feed-item--active{border-color:var(--accent-border-strong);background:var(--accent-soft)}.reddit-feed-item__title{margin:0;font-size:.95rem;font-weight:650;line-height:1.35}.reddit-feed-item__meta{margin:0;color:var(--color-muted);display:inline-flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem}.reddit-feed-item__tags{display:flex;gap:.5rem;flex-wrap:wrap}.reddit-feed-list__loadmore-sentinel{height:1px}.reddit-detail-panel{display:grid;gap:1rem;min-height:420px}.reddit-post-header{display:grid;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.reddit-post-header__head{display:grid;gap:.5rem}.reddit-post-header h2{margin:0;font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1.3}.reddit-post-header__meta{margin:0;color:var(--color-muted);display:inline-flex;gap:.5rem;flex-wrap:wrap}.reddit-post-header__actions{display:flex;gap:.5rem;flex-wrap:wrap}.reddit-post-header__back{display:none}.reddit-tabs{display:grid;gap:.75rem}.reddit-tabs__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.reddit-tabs__trigger{border-radius:8px;border:1px solid var(--color-border);background:var(--surface-soft-3);color:var(--color-muted);padding:.7rem .75rem;cursor:pointer;font-weight:600}.reddit-tabs__trigger[data-state=active]{border-color:var(--accent-border-strong);color:var(--color-text);background:var(--accent-soft)}.reddit-tabs__content{display:grid;gap:1rem}.reddit-summary-panel{display:grid;gap:.5rem}.reddit-summary-panel h3{margin:0}.reddit-summary-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.reddit-text-block{display:grid;gap:.5rem}.reddit-text-block__content{border-radius:12px;border:1px solid var(--color-border);background:var(--surface-soft-3);padding:1rem;white-space:pre-wrap;line-height:1.52;overflow:auto}.reddit-text-block__content--expanded{max-height:none!important}.reddit-text-block__link{color:var(--color-accent)}.reddit-comments-panel{display:grid;gap:.75rem}.reddit-comments-panel__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.reddit-comments-panel__modes{display:flex;gap:.5rem;flex-wrap:wrap}.reddit-comments-panel__transcript{display:grid;gap:.5rem}.reddit-comment-tree{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.reddit-comment-tree__item{display:grid;gap:.5rem}.reddit-comment{border:1px solid var(--color-border);border-radius:12px;padding:.75rem;background:var(--surface-soft-3)}.reddit-comment__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.reddit-comment__meta{color:var(--color-muted);font-size:.8rem}@keyframes overlay-show{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:640px){.topbar{position:static}.topbar__right{width:100%;justify-content:space-between;flex-wrap:wrap}.panel__header{flex-direction:column;align-items:flex-start}.product-card{grid-template-columns:1fr}.reddit-tabs__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.reddit-shell{grid-template-columns:1fr}.reddit-list-panel{position:static;max-height:none}.reddit-shell--has-selection .reddit-list-panel{display:none}.reddit-shell--has-selection .reddit-post-header__back{display:inline-flex}}
