:root{color-scheme:dark;--bg:#15131d;--surface:#1e1b29;--raised:#272332;--border:#353040;--text:#f6f3fc;--muted:#aaa3b9;--purple:#ac8af9;--accent:#7447de;--mint:#60ddc4;--shadow:0 12px 40px #0002;font-family:"Segoe UI",system-ui,sans-serif;font-synthesis:none}
html[data-theme=light]{color-scheme:light;--bg:#f5f4f9;--surface:#fff;--raised:#edeaf5;--border:#e1dcea;--text:#282039;--muted:#756a86;--purple:#7447ce;--accent:#7041d3;--mint:#087f6a;--shadow:0 12px 40px #38215b0a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}img{max-width:100%}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.15;letter-spacing:-1.2px}h2{font-size:23px;letter-spacing:-.6px}h3{font-size:17px}p{line-height:1.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.skip{position:fixed;top:-100px;z-index:100;background:var(--mint);color:#152c25;padding:15px}.skip:focus{top:0}.topbar{position:sticky;top:0;z-index:20;height:84px;display:flex;align-items:center;gap:16px;padding:0 32px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{width:180px;flex-shrink:0;display:flex;align-items:center}.brand img{width:172px;height:auto}.search{display:flex;align-items:center;gap:12px;max-width:650px;flex:1;margin:0 auto;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:7px 8px 7px 15px}.search>span{font-size:27px;color:var(--purple)}.search input{min-width:0;width:100%;border:0;background:transparent;outline:none;padding:4px;color:var(--text);font-size:14px}.search button{background:var(--raised);border:0;border-radius:8px;padding:8px 13px;font-size:12px}.button{border:1px solid var(--border);padding:11px 17px;border-radius:10px;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--raised)}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.mint{background:var(--mint);color:var(--bg);border-color:transparent}.button.subtle{background:transparent}.button:hover{filter:brightness(1.12)}.icon-button{border:1px solid var(--border);background:var(--raised);border-radius:10px;width:38px;height:38px;font-size:20px;flex-shrink:0}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1700px;margin:auto}.sidebar{padding:30px 20px;border-right:1px solid var(--border);position:sticky;top:84px;height:calc(100vh - 84px);display:flex;flex-direction:column}.nav-label{font-size:10px;letter-spacing:1.5px;font-weight:750;color:var(--muted);margin:0 10px 14px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px;border-radius:10px;font-size:14px;display:flex;gap:11px;align-items:center;color:var(--muted)}.sidebar nav a>span{width:20px;font-size:20px}.sidebar nav a.active{background:#8c5ce820;color:var(--purple);font-weight:700}.sidebar nav a i{font-style:normal;font-size:9px;background:#7950c528;padding:4px 6px;border-radius:5px;margin-left:auto}.categories-label{margin-top:36px}.sidebar-categories{display:grid;gap:6px}.sidebar-categories button{background:none;border:0;text-align:left;padding:9px 12px;color:var(--muted);font-size:13px;display:flex;gap:11px}.sidebar-categories button:hover{color:var(--text)}.sidebar-bottom{margin-top:auto;padding-top:24px}.mini-mascot{display:flex;align-items:center;gap:8px}.mini-mascot img{width:46px}.mini-mascot strong{font-size:11px}.mini-mascot p{font-size:10px;color:var(--muted);margin-top:5px}.demo-label{display:inline-block;font-size:10px;color:var(--muted);margin:22px 8px 0;padding:5px 8px;border:1px dashed var(--border);border-radius:5px}main{padding:30px 34px 50px;min-width:0}.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:32px 38px;background:linear-gradient(110deg,#352253,#282039 70%,#273d3b);border:1px solid #65458c65;border-radius:18px;min-height:225px;margin-bottom:29px;color:#f8f4ff}.hero .eyebrow{color:#76e1cc}.eyebrow{font-size:10px;text-transform:uppercase;font-weight:750;letter-spacing:1.8px;margin-bottom:13px;color:var(--purple)}.hero h1{font-size:38px;max-width:470px}.hero h1 em{font-style:normal;color:#74e5cb}.hero p{font-size:13px;color:#c5b7d8;max-width:420px;margin:13px 0 21px}.hero .button{font-size:12px}.hero-art{position:relative;align-self:stretch;width:250px;flex-shrink:0}.hero-art img{position:absolute;width:175px;right:22px;bottom:-44px;transform:rotate(-7deg);filter:drop-shadow(0 18px 12px #0002)}.hero-speech{position:absolute;right:80px;top:2px;white-space:nowrap;padding:10px 14px;background:#fbf8ff;color:#44315d;font-size:12px;border-radius:12px;transform:rotate(4deg)}.hero-stamp{position:absolute;bottom:6px;right:-10px;color:#77e2cb;background:#163e37;padding:9px 14px;border:1px solid #68d6bd40;font-size:11px;border-radius:9px;transform:rotate(-8deg)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-heading p,.page-heading p{color:var(--muted);font-size:13px;margin-top:7px}.page-heading{margin:8px 0 26px}.pill{font-size:10px;font-weight:650;border:1px solid var(--border);border-radius:30px;padding:6px 10px;color:var(--muted);white-space:nowrap}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}.chip{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:9px 13px;font-size:12px;color:var(--muted)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.sort{margin-left:auto;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:9px;padding:9px;font-size:12px;max-width:100%}.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:23px;align-items:start}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.offer-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface);transition:transform .18s,border-color .18s}.offer-card:hover{transform:translateY(-3px);border-color:#8263b2}.product-visual{position:relative;display:flex;align-items:center;justify-content:center;height:165px;overflow:hidden;background:var(--visual-bg,#eeeaf4);color:#302944}.product-visual svg{width:78%;height:78%;filter:drop-shadow(0 12px 8px #2222);transition:transform .2s}.offer-card:hover .product-visual svg{transform:rotate(-3deg) scale(1.04)}.product-visual .discount{position:absolute;left:11px;top:11px;background:#fff;color:#6c43bd;border-radius:6px;font-size:11px;padding:5px 7px;font-weight:750}.product-visual .bookmark{position:absolute;right:11px;top:11px;background:#fff;color:#756384;border:0;border-radius:50%;height:29px;width:29px;font-size:15px}.product-visual .bookmark.saved{background:#623da2;color:white}.card-body{padding:15px}.card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-bottom:9px}.source-tag{font-size:9px;padding:3px 6px;border-radius:4px;background:#60ddc415;color:var(--mint)}.source-tag.business{background:#ac8af918;color:var(--purple)}.card-title{display:block;font-size:14px;font-weight:650;line-height:1.4;min-height:39px;margin-bottom:11px}.price-row{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.price{font-size:23px;font-weight:800;letter-spacing:-.7px}.old-price{font-size:12px;color:var(--muted);text-decoration:line-through}.shipping{font-size:10px;color:var(--muted);margin:4px 0 11px}.card-insight{font-size:10px;padding:8px;border-radius:6px;color:var(--purple);background:#ac8af90b;line-height:1.5;margin-bottom:12px}.card-actions{display:flex;gap:5px;border-top:1px solid var(--border);padding-top:11px}.reaction{background:var(--raised);border:1px solid transparent;border-radius:6px;padding:6px 7px;font-size:10px;display:flex;align-items:center;gap:4px}.reaction.selected{border-color:var(--purple);color:var(--purple)}.reaction:last-child{margin-left:auto}.right-rail{display:grid;gap:17px}.guide,.rail-box,.panel-box{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:20px}.guide-top{display:flex;align-items:center;gap:12px;margin-bottom:15px}.guide-top img{height:55px;width:50px;object-fit:contain}.guide-top strong{font-size:13px}.guide-top small{display:block;font-size:10px;color:var(--mint);margin-top:4px}.guide p{font-size:13px;margin-bottom:16px;line-height:1.6}.guide .chip{display:block;width:100%;text-align:left;margin-top:7px;font-size:11px;border-color:#ac8af932;color:var(--purple)}.rail-box h3{font-size:14px;margin-bottom:8px}.rail-box p{font-size:11px;color:var(--muted);margin-bottom:14px}.rail-box .button{width:100%;font-size:11px}.leader{display:flex;gap:10px;align-items:center;margin-top:15px}.avatar{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ac8af925;color:var(--purple);border-radius:10px;font-size:11px;font-weight:750;flex-shrink:0}.leader strong{font-size:11px}.leader small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.leader>span:last-child{margin-left:auto;color:var(--mint);font-size:11px}.notice{padding:10px 14px;border-radius:9px;border:1px dashed var(--border);font-size:11px;color:var(--muted);margin-top:24px;line-height:1.6}.empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed var(--border);border-radius:14px}.empty img{height:100px;display:block;margin:0 auto 15px}.empty p{font-size:13px;color:var(--muted);margin:10px auto 20px;max-width:400px}.guide-wide{display:flex;gap:18px;align-items:center;background:var(--surface);border:1px solid #ac8af943;border-radius:14px;padding:20px;margin-bottom:24px}.guide-wide img{height:75px}.guide-wide p{font-size:14px;margin-bottom:10px}.guide-wide .chip{margin-right:6px;margin-bottom:6px}.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.breadcrumb{display:flex;gap:8px;font-size:12px;color:var(--muted);margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:start}.detail-visual{border-radius:18px;height:360px}.detail-info h1{font-size:29px;margin:12px 0 17px}.detail-info .price{font-size:37px}.detail-info p{font-size:13px;color:var(--muted);margin:10px 0 20px}.detail-info .card-actions{margin:20px 0}.detail-info .button{margin-right:8px;margin-bottom:8px}.detail-sections{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;margin-top:30px}.panel-box h2{font-size:19px;margin-bottom:18px}.merchant-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--border);font-size:13px}.merchant-row:last-child{border:0}.merchant-row>div{flex:1}.merchant-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.merchant-row strong{font-size:17px}.chart{width:100%;height:160px}.chart text{fill:var(--muted);font-size:9px}.chart-caption{font-size:11px;color:var(--muted)}.comment{padding:14px 0;border-top:1px solid var(--border)}.comment strong{font-size:12px}.comment p{font-size:13px;margin-top:6px}.comment small{font-size:10px;color:var(--muted)}.comment-form{display:flex;gap:8px;margin-top:18px}.comment-form input{min-width:0;flex:1}.field,input.form-input,textarea.form-input,.comment-form input{width:100%;padding:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:9px;font-size:13px}.form-group{display:grid;gap:7px;margin-bottom:15px}.form-group label{font-size:12px;font-weight:650}.form-group small{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-error{font-size:12px;color:#ee928c;margin:12px 0}.form-intro{font-size:13px;color:var(--muted);margin:12px 0 22px}.form-actions{display:flex;gap:10px;align-items:center;margin-top:20px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stat{padding:20px;border:1px solid var(--border);background:var(--surface);border-radius:13px}.stat small{font-size:12px;color:var(--muted)}.stat strong{font-size:27px;display:block;margin:8px 0}.stat span{font-size:11px;color:var(--mint)}.panel-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:var(--muted);font-size:10px;font-weight:600}th,td{padding:13px 9px;border-bottom:1px solid var(--border)}td small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.status{background:#60ddc417;color:var(--mint);padding:4px 7px;border-radius:5px;font-size:10px}.status.paused{color:var(--muted);background:var(--raised)}.account-banner{display:flex;align-items:center;gap:15px;margin-bottom:25px}.account-banner .avatar{width:55px;height:55px;font-size:20px}.account-banner .button{margin-left:auto}.account-banner p{font-size:12px;color:var(--muted);margin-top:5px}.progress{height:7px;background:var(--raised);border-radius:8px;overflow:hidden;margin:15px 0 8px}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#b891f4);border-radius:8px}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:25px 0}.level{padding:22px 12px;text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:13px}.level.current{border-color:var(--purple);background:#ac8af912}.level .level-icon{display:block;font-size:28px;margin-bottom:12px}.level strong{font-size:12px}.level small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0}.reward{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:22px}.reward .reward-icon{font-size:30px;display:block;margin-bottom:13px}.reward p{font-size:12px;color:var(--muted);margin:8px 0}.reward small{color:var(--purple);font-size:11px}.watch-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:20px;align-items:center;background:var(--surface);border:1px solid var(--border);padding:18px;border-radius:13px;margin-bottom:13px}.watch-row .product-visual{height:80px;border-radius:10px}.watch-row h3{font-size:15px}.watch-row p{font-size:12px;color:var(--muted);margin-top:7px}.watch-row .watch-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.csv-preview{max-height:300px;overflow:auto;margin:20px 0}.step{display:flex;gap:12px;margin-bottom:20px}.step-number{height:26px;width:26px;display:flex;align-items:center;justify-content:center;background:var(--raised);border-radius:50%;color:var(--purple);font-size:12px;flex-shrink:0}.step p{font-size:12px;color:var(--muted);margin-top:5px}.toggle-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--border);font-size:13px}.toggle-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.toggle-row input{accent-color:var(--accent);width:18px;height:18px}dialog{border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);padding:32px;width:min(560px,calc(100% - 32px));max-height:90svh;box-shadow:var(--shadow)}dialog::backdrop{background:#080610b0;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:13px;width:30px;height:30px}.dialog-mascot{height:85px;display:block;margin:0 auto 15px}dialog h2{padding-right:20px}dialog .notice{margin-top:18px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s;background:var(--text);color:var(--bg);box-shadow:var(--shadow);padding:13px 22px;border-radius:12px;font-size:13px;z-index:60;max-width:calc(100% - 32px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}.muted{color:var(--muted)}.mt{margin-top:22px}.small{font-size:12px}.text-link{color:var(--purple);font-size:12px;background:none;border:0;padding:0}.full{width:100%}.theme-options{display:flex;gap:8px}.footnote{font-size:11px;color:var(--muted);line-height:1.6;margin-top:24px}.demo-strip{font-size:11px;background:#ac8af911;border:1px solid #ac8af925;padding:12px 16px;border-radius:10px;margin-bottom:23px;color:var(--muted)}
@media(min-width:1550px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.feed-layout{grid-template-columns:minmax(0,1fr) 215px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:26px 12px}main{padding:25px}.topbar{padding:0 22px;gap:12px}.brand{width:160px}.brand img{width:155px}.hero{padding:27px}.hero h1{font-size:33px}.hero-art{width:190px}.hero-art img{right:0;width:150px}.hero-speech{right:35px;font-size:10px}.hero-stamp{right:-12px;font-size:9px}.stats-grid{gap:10px}.stat{padding:15px}}
@media(max-width:1000px){.right-rail{display:none}.feed-layout{display:block}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.shell{grid-template-columns:180px minmax(0,1fr)}.sidebar nav a{font-size:12px}.account-trigger{font-size:11px;padding:10px}.topbar .publish-trigger{font-size:11px}.hero-art{width:170px}.detail-grid{gap:20px}.detail-visual{height:270px}.detail-sections{grid-template-columns:1fr}.panel-layout{grid-template-columns:1fr}.levels{gap:7px}.level{padding:18px 5px}.reward-grid{gap:10px}.reward{padding:16px}.cards .card-actions{flex-wrap:wrap}}
@media(max-width:820px){.sidebar{display:none}.shell{display:block}.topbar{height:72px;padding:0 18px;gap:10px}.brand{width:130px}.brand img{width:126px}.search button{display:none}.search input{font-size:12px}.search{padding:8px;gap:5px}.search>span{font-size:22px}.desktop-label{display:none}.topbar .publish-trigger{padding:8px 10px;font-size:21px}.account-trigger{display:none}main{padding:24px 22px 95px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 4px max(8px,env(safe-area-inset-bottom))}.mobile-nav a{display:grid;gap:3px;text-align:center;font-size:21px;color:var(--muted);min-width:55px}.mobile-nav a span{font-size:9px}.mobile-nav a.active{color:var(--purple)}#toast{bottom:82px}.hero{min-height:210px}.hero h1{font-size:34px}.hero-art img{width:150px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.topbar{flex-wrap:wrap;height:112px;padding:10px 16px;gap:8px}.brand{margin-right:auto}.search{order:5;flex-basis:100%;max-width:none;padding:6px 10px}.search input{font-size:13px}.search button{display:block;padding:5px 10px}.topbar .icon-button{width:32px;height:32px;font-size:17px}.hero{padding:24px 22px;min-height:310px;align-items:flex-start}.hero .eyebrow{font-size:9px}.hero h1{font-size:32px;max-width:270px}.hero p{max-width:240px;font-size:12px;margin:12px 0 15px}.hero .button{position:relative;z-index:2}.hero-art{position:absolute;bottom:0;right:0;width:145px;height:170px;pointer-events:none}.hero-art img{width:125px;bottom:-22px;right:5px}.hero-speech{top:7px;right:22px;font-size:9px;padding:7px 9px}.hero-stamp{display:none}main{padding:19px 15px 90px}.section-heading h2{font-size:22px}.section-heading .pill{display:none}.section-heading p{font-size:12px}.filters{gap:6px}.chip{font-size:11px;padding:8px 10px}.sort{margin-left:0;width:100%;margin-top:5px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-visual{height:130px}.card-body{padding:11px}.card-title{font-size:12px;min-height:50px}.price{font-size:20px}.old-price{font-size:10px}.card-meta{font-size:9px;gap:3px}.source-tag{font-size:8px}.card-insight{font-size:9px;padding:6px}.reaction{font-size:9px;padding:5px}.reaction .reaction-label{display:none}.card-actions{gap:4px}.card-actions .reaction:last-child{margin-left:auto}.guide-wide{padding:14px;gap:12px;align-items:flex-start}.guide-wide img{height:57px}.guide-wide p{font-size:12px}.detail-grid{grid-template-columns:1fr}.detail-visual{height:260px}.detail-info h1{font-size:26px}.detail-sections{gap:15px}.panel-box{padding:17px}.merchant-row{flex-wrap:wrap}.merchant-row .button{padding:8px;font-size:11px}.levels{grid-template-columns:repeat(2,1fr)}.levels .level:last-child{grid-column:1/-1}.reward-grid{grid-template-columns:1fr}.watch-row{grid-template-columns:65px minmax(0,1fr);gap:12px;padding:13px}.watch-row .product-visual{height:65px}.watch-row .watch-actions{grid-column:1/-1}.watch-row h3{font-size:13px}.form-grid{grid-template-columns:1fr;gap:0}.account-banner{flex-wrap:wrap}.account-banner .button{margin-left:0}.account-banner h1{font-size:25px}.stats-grid{gap:10px}.stat strong{font-size:24px}.tabs{gap:5px}.tabs .chip{font-size:10px}.hero.club-hero{min-height:290px}.breadcrumb{font-size:10px}.comment-form{flex-wrap:wrap}.comment-form .button{width:100%}}
.product-visual .product-illustration{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 12px 8px #2222)}
@media(max-width:580px){.hero-speech{top:auto;bottom:23px;right:109px}.hero .hero-art .hero-speech{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}