:root{color-scheme:dark;--bg:#101214;--sidebar:#151719;--surface:#1a1d20;--raised:#222629;--text:#f2f4f5;--muted:#a2a9af;--border:#303539;--accent:#c5f277;--accent-ink:#17200c;--error:#ffaca6;--radius:12px;font-family:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}
button,input,select{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button,select{cursor:pointer}
button{color:inherit;background:none;border:0}
a{color:inherit;text-decoration:none}
button,a,select{transition:color .18s,background .18s,border-color .18s}
button:disabled{cursor:wait;opacity:.5}
button:hover{background:var(--raised)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
::selection{background:var(--accent);color:var(--accent-ink)}
input{caret-color:var(--accent)}
[hidden]{display:none!important}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
span[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:fixed;top:-80px;left:20px;z-index:100;padding:12px;background:var(--accent);color:var(--accent-ink)}
.skip:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:34px 20px 22px;background:var(--sidebar);border-right:1px solid #25292c;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;align-items:center;gap:8px;min-height:44px;font-size:28px;font-weight:850;letter-spacing:-.8px;line-height:1;margin:0 7px 35px}
.brand svg{width:28px;height:32px;flex-shrink:0;fill:var(--accent);stroke:none}
.nav-caption{font-size:12px;letter-spacing:.02em;color:var(--muted);margin:0 14px 12px}
.primary-nav{display:grid;gap:7px}
.nav-item{display:flex;align-items:center;gap:12px;text-align:left;padding:0 13px;height:46px;border-radius:8px;font-size:14px;font-weight:600}
.nav-item svg{width:19px}
.nav-item.active{background:#283322;color:var(--accent)}
.nav-count{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;padding:0 6px;background:#ffffff08;border-radius:4px}
.sidebar-bottom{margin-top:auto;padding:24px 12px 0}
.local-mark{display:flex;align-items:center;gap:7px;color:#b7c0b2;font-size:12px}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}
.sidebar-bottom p{font-size:19px;color:#d8ddda;line-height:1.7;letter-spacing:-.5px;margin:17px 0 23px}
.version{font-size:12px;letter-spacing:.1em;color:#949c9f}
.workspace{margin-left:224px}
.topbar{height:78px;border-bottom:1px solid #25292c;display:flex;align-items:center;justify-content:space-between;padding:0 42px}
.breadcrumb{display:flex;gap:16px;color:var(--muted);font-size:12px}
.breadcrumb span{color:#727b80}
.breadcrumb strong{font-weight:500;color:#e3e7e8}
.top-actions{display:flex;align-items:center;gap:18px}
.today{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.icon-button{height:44px;width:44px;display:grid;place-items:center;border-radius:8px;color:#a8b0b5}
.profile{background:#303b26;color:var(--accent);height:31px;width:31px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}
main{max-width:1530px;margin:0 auto;padding:39px 42px 0}
.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;gap:20px}
.intro h1{font-size:30px;letter-spacing:-1.2px;line-height:1.4;margin:0;font-weight:750}
.intro h1>span{color:var(--accent);margin-left:2px}
.collection-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#c8d3c0;white-space:nowrap;background:#1b2218;padding:7px 11px;border-radius:6px}
.collection-label>span:last-child{color:var(--accent);margin-left:4px;font-variant-numeric:tabular-nums}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 253px;gap:30px}
.feed-section{min-width:0}
.search-box{height:54px;display:flex;gap:12px;align-items:center;border:1px solid #414b3b;border-radius:10px;padding:0 7px 0 17px;background:#181c18}
.search-box>span{color:var(--accent)}
.search-box input{border:0;background:transparent;color:var(--text);width:100%;min-width:0;height:42px;outline:none;font-size:13px}
.search-box input::placeholder{color:#a6aea2}
.search-box:focus-within{border-color:var(--accent);outline:1px solid var(--accent)}
.search-box input:focus-visible{outline:none}
.search-box kbd{font-family:inherit;color:#a6aea2;border:1px solid #4b5247;border-radius:4px;padding:0 6px;font-size:12px}
.search-box button{background:var(--accent);color:var(--accent-ink);height:38px;min-width:57px;flex-shrink:0;border-radius:6px;font-size:12px;font-weight:750}
.search-box button:hover{background:#d9ff9d}
.feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:71px}
.feed-count{font-size:12px;white-space:nowrap;color:var(--muted)}
.feed-count strong{font-size:14px;color:var(--text);margin-right:3px;font-variant-numeric:tabular-nums}
.feed-options{display:flex;align-items:center;gap:8px}
.feed-options select{font-size:12px;color:#c4ccd2;background:var(--bg);border:0;max-width:133px;min-height:40px;border-radius:6px;padding:0 5px}
.view-switch{display:flex;border-left:1px solid var(--border);padding-left:9px;margin-left:3px}
.view-switch button{width:34px;height:36px;display:grid;place-items:center;color:#979fa6;border-radius:5px}
.view-switch button.active{color:var(--accent);background:#252e20}
.view-switch svg{width:16px;height:16px}
.deal-feed{border-top:1px solid #303639}
.deal-row{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr) 34px;align-items:center;column-gap:18px;padding:21px 0;border-bottom:1px solid #2a3033;min-height:146px}
.deal-content{min-width:0}
.deal-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:5px}
.source-name{color:#cbd2d7}
.meta-dot{color:#727e85}
.deal-time{font-variant-numeric:tabular-nums}
.new-badge{font-size:12px;line-height:17px;padding:0 5px;border-radius:3px;background:#2a3521;color:var(--accent);letter-spacing:.02em}
.deal-title{font-size:15px;font-weight:650;letter-spacing:-.25px;line-height:1.65;margin:0 0 9px;overflow-wrap:anywhere}
.deal-title a:hover{color:var(--accent)}
.deal-bottom{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.deal-price{color:var(--accent);font-size:16px;font-weight:750;letter-spacing:-.2px;font-variant-numeric:tabular-nums}
.price-note{color:var(--muted);font-size:12px}
.unknown-price{color:#a9b1b7;font-size:12px;font-weight:400}
.bookmark-button{width:34px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:7px;align-self:start;margin-top:4px;color:#929da4}
.bookmark-button svg{width:18px;height:18px}
.bookmark-button.saved{color:var(--accent)}
.bookmark-button.saved svg{fill:#c5f27722}
.deal-feed.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:0}
.grid .deal-row{grid-template-columns:60px minmax(0,1fr);padding:18px;background:var(--surface);border:0;border-radius:12px;align-items:start;column-gap:12px}
.grid .deal-content{display:contents}
.grid .deal-meta{padding-right:23px;min-height:60px;align-content:center}
.grid .deal-title,.grid .deal-bottom{grid-column:1/-1}
.grid .deal-title{margin-top:13px;min-height:50px}
.grid .bookmark-button{position:absolute;top:12px;right:8px}
.grid .deal-bottom{margin-top:7px}
.feed-footer{display:flex;flex-direction:column;align-items:center;padding:18px 0 27px}
.feed-footer p{font-size:12px;color:var(--muted);margin:0 0 12px}
.load-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:1px solid var(--border);border-radius:8px;color:#d3dadd;font-size:12px}
.load-more svg{width:15px;height:15px}
.page-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 0 28px;border-top:1px solid #292e31;color:#969fa5;font-size:12px}
.page-footer strong{font-size:12px;color:#c9d1d5}
.daily-summary{background:#20271c;border:1px solid #35432b;border-radius:12px;padding:20px}
.summary-heading{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#d1ddc7}
.summary-heading svg{width:17px;height:17px;color:var(--accent)}
.daily-number{display:flex;align-items:baseline;gap:8px;margin:13px 0 2px}
.daily-number strong{font-size:37px;line-height:1.3;font-weight:650;letter-spacing:-1px;color:var(--accent);font-variant-numeric:tabular-nums}
.daily-number>span{font-size:13px;color:#c4d1b9}
.daily-summary>p{font-size:12px;margin:5px 0 0;color:#b0bea5}
.summary-divider{height:1px;background:#3a4432;margin:19px 0 13px}
.summary-total{display:flex;justify-content:space-between;font-size:12px;color:#c1cbb9}
.summary-total strong{color:#edf4e5;font-weight:600;font-variant-numeric:tabular-nums}
.rail-section{padding:27px 0 22px;border-bottom:1px solid #303539}
.rail-heading{display:flex;align-items:center;justify-content:space-between}
.rail-heading h2{font-size:13px;font-weight:650;margin:0}
.rail-heading>span[data-icon]{color:#a3acb2}
.rail-heading svg{width:15px;height:15px}
.rail-description{font-size:12px;color:var(--muted);margin:5px 0 15px}
.keyword-list{display:flex;flex-wrap:wrap;gap:7px}
.keyword{border:1px solid #343b3f;border-radius:6px;padding:0 10px;min-height:34px;display:flex;align-items:center;gap:7px;font-size:12px;color:#d0d6da}
.keyword small{color:#a9b2b8;font-size:12px;font-variant-numeric:tabular-nums}
.mini-label{font-size:12px;letter-spacing:.07em;background:#292f32;padding:2px 5px;border-radius:3px;color:#bfc8cd}
.last-checked{color:#a0aab0;font-size:12px;margin-top:4px;font-variant-numeric:tabular-nums}
.quiet-note{display:flex;align-items:flex-start;gap:8px;margin-top:21px;color:#a6afb5}
.quiet-note svg{width:14px;height:14px;margin-top:3px}
.quiet-note p{font-size:12px;line-height:1.9;margin:0}
.empty-state{text-align:center;padding:65px 25px 70px;border-bottom:1px solid var(--border)}
.empty-state>span{color:var(--accent);display:flex;justify-content:center;margin-bottom:16px}
.empty-state svg{width:32px;height:32px}
.empty-state h2{font-size:18px;margin:0 0 8px}
.empty-state p{color:var(--muted);font-size:12px;margin:0 0 20px}
.empty-state button{padding:0 18px;min-height:44px;border:1px solid var(--border);border-radius:7px;font-size:12px}
.error-box{border:1px solid #674541;color:var(--error);background:#2c201f;padding:16px;border-radius:8px;font-size:12px;margin-bottom:14px}
.error-box button{margin-left:12px;text-decoration:underline;padding:8px}
.toast{position:fixed;bottom:26px;left:calc(50% + 112px);transform:translateX(-50%);background:var(--accent);color:var(--accent-ink);border-radius:8px;box-shadow:0 8px 28px #0005;padding:11px 20px;font-size:12px;font-weight:600;z-index:50;max-width:90vw}
.skeleton{height:146px;border-bottom:1px solid var(--border);background:linear-gradient(100deg,#1a1e20 10%,#22282b 40%,#1a1e20 60%);background-size:200% 100%;animation:loading 1.8s ease-in-out infinite}
.mobile-nav{display:none}

@keyframes loading{to{background-position:-200% 0}

}

@media(min-width:1650px){main{padding-top:44px}
.content-grid{gap:40px;grid-template-columns:minmax(0,1fr) 270px}
.deal-row{min-height:151px}
.intro h1{font-size:34px}

}

@media(max-width:1250px){.sidebar{width:200px;padding-left:14px;padding-right:14px}
.workspace{margin-left:200px}
.topbar{padding:0 28px}
main{padding:30px 28px 0}
.content-grid{gap:22px;grid-template-columns:minmax(0,1fr) 220px}
.collection-label{display:none}
.deal-row{grid-template-columns:64px minmax(0,1fr) 30px;column-gap:13px}
.toast{left:calc(50% + 100px)}

}

@media(max-width:1050px){.right-rail{display:none}
.content-grid{grid-template-columns:1fr}
.intro h1{font-size:28px}
.deal-title{font-size:15px}
.deal-row{grid-template-columns:75px minmax(0,1fr) 34px}
.feed-toolbar{min-height:68px}

}

@media(max-width:760px){.sidebar{display:none}
.workspace{margin-left:0}
.topbar{height:60px;padding:0 20px}
.topbar:before{content:"Zoneqoo";font-size:25px;font-weight:800;letter-spacing:-.7px;color:var(--accent)}
.breadcrumb{display:none}
.top-actions{gap:8px}
.profile{display:none}
.today{font-size:12px}
.icon-button{width:40px;height:40px}
main{padding:26px 20px 0}
.intro{margin-bottom:20px}
.intro h1{font-size:25px;letter-spacing:-1px}
.mobile-nav{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:20px}
.mobile-nav button{min-height:44px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;padding:0 2px}
.mobile-nav button.active{color:var(--accent);border-bottom-color:var(--accent)}
.search-box{height:50px;padding-left:12px;gap:8px}
.search-box input{font-size:12px}
.search-box kbd{display:none}
.search-box button{height:36px;min-width:48px}
.feed-options{gap:2px}
.feed-options select{font-size:12px;padding:0 2px;max-width:110px}
.view-switch{padding-left:5px;margin-left:4px}
.view-switch button{width:28px}
.feed-count{font-size:12px}
.feed-count strong{font-size:13px}
.feed-toolbar{min-height:61px}
.deal-row{grid-template-columns:58px minmax(0,1fr) 27px;column-gap:12px;min-height:139px;padding:18px 0}
.deal-title{font-size:13px;line-height:1.7;margin-bottom:8px}
.deal-meta{font-size:12px;gap:5px}
.deal-price{font-size:14px}
.price-note{font-size:12px}
.unknown-price{font-size:12px}
.bookmark-button{width:28px}
.deal-bottom{gap:7px}
.deal-feed.grid{grid-template-columns:1fr}
.grid .deal-row{grid-template-columns:60px minmax(0,1fr)}
.grid .deal-title{min-height:0}
.grid .deal-meta{font-size:12px}
.grid .deal-title{font-size:14px}
.page-footer{font-size:12px;gap:7px}
.toast{left:50%;bottom:18px;font-size:12px;white-space:nowrap}
.feed-count #saved-mode-label{display:none}

}

@media(max-width:380px){main{padding-left:14px;padding-right:14px}
.intro h1{font-size:23px}
.deal-row{column-gap:9px;grid-template-columns:50px minmax(0,1fr) 25px}
.view-switch{border:0;margin:0;padding:0}
.feed-options select{max-width:100px}

}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

}
.feed-live{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px 0 13px;font-size:12px;color:var(--muted)}
.feed-live label{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer}
.feed-live input{appearance:none;cursor:pointer;flex-shrink:0;width:30px;height:18px;border-radius:20px;background:#4c555a;position:relative;margin:0}
.feed-live input:before{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;background:#e9edee;border-radius:50%;transition:transform .18s}
.feed-live input:checked{background:var(--accent)}
.feed-live input:checked:before{transform:translateX(12px);background:#28321f}
.last-checked{margin-top:19px}
.feed-live input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

@media(max-width:760px){.feed-live{font-size:12px;margin-bottom:7px}
.feed-live label{min-height:36px}
.feed-live input{width:34px;height:22px}
.feed-live input:before{width:16px;height:16px}

}


@media(max-width:760px){.deal-title{font-size:15px}
.feed-toolbar{flex-wrap:wrap;padding-top:10px;padding-bottom:5px;row-gap:0}
.feed-options{flex-wrap:wrap;justify-content:flex-end;gap:3px}
.feed-options select{font-size:12px;max-width:138px}
.feed-count{font-size:12px}
.unknown-price,.price-note,.deal-meta{font-size:12px}
.deal-row{align-items:start}
.feed-live label{min-height:44px}
.feed-live{gap:5px}
.feed-live input{margin:0 5px}
.view-switch button{min-height:40px;min-width:30px}
.search-box button{min-height:40px}

}

@media(max-width:420px){.feed-toolbar{align-items:flex-start}
.feed-options{width:100%;justify-content:space-between}
.deal-row{grid-template-columns:48px minmax(0,1fr) 28px;column-gap:10px}
.deal-meta{column-gap:5px}
.feed-live{font-size:11px}
.feed-live label{gap:5px}
.feed-options select{max-width:150px}

}




.deal-row{grid-template-columns:minmax(0,1fr) 34px;min-height:124px;column-gap:18px}

.feed-toolbar{margin-top:13px}

.grid .deal-row{grid-template-columns:minmax(0,1fr) 34px;min-height:160px}

.grid .deal-content{display:block}

.grid .deal-meta{min-height:0;padding-right:20px}

.grid .deal-title{margin-top:8px}

@media(max-width:760px){.deal-row{grid-template-columns:minmax(0,1fr) 28px;column-gap:10px;min-height:118px}
.grid .deal-row{grid-template-columns:minmax(0,1fr) 28px;min-height:140px}
.grid .deal-title{min-height:0}
}


/* Original article/product images use reserved dimensions to avoid layout shifts. */
.deal-row{grid-template-columns:96px minmax(0,1fr) 34px;min-height:140px}
.deal-thumbnail{position:relative;display:block;width:96px;height:88px;overflow:hidden;border-radius:10px;background:var(--surface);align-self:center}
.deal-thumbnail img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}
.deal-thumbnail.has-image img{opacity:1}
.thumbnail-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:12px}
.thumbnail-placeholder svg{width:23px;height:23px;opacity:.7}
.has-image .thumbnail-placeholder{display:none}
.no-image{background:#191d20}
.grid .deal-row{display:block;padding:0 0 18px;overflow:hidden}
.grid .deal-thumbnail{width:100%;height:180px;border-radius:12px 12px 0 0}
.grid .deal-content{padding:16px 18px 0}
.grid .deal-meta{padding-right:22px;min-height:0}
.grid .deal-title{min-height:50px;margin-top:8px}
.grid .bookmark-button{top:186px;right:8px}
@media(max-width:760px){.deal-row{grid-template-columns:72px minmax(0,1fr) 28px;column-gap:12px;min-height:136px}.deal-thumbnail{width:72px;height:76px;align-self:start;margin-top:6px}.thumbnail-status{font-size:11px}.grid .deal-thumbnail{margin:0;width:100%;height:180px}.grid .deal-row{display:block;min-height:0}.grid .deal-title{min-height:0}.grid .deal-content{padding-top:15px}}
@media(max-width:380px){.deal-row{grid-template-columns:64px minmax(0,1fr) 26px;column-gap:9px}.deal-thumbnail{width:64px;height:72px}}