:root{--bg:#fbf8ff;--card:#ffffff;--text:#20222b;--muted:#767b88;--line:#ece7f4;--up:#ef7b92;--down:#58a7b8;--flat:#8f93a1;--shadow:0 14px 36px rgba(110,92,140,.08);--ram:#f2ebff;--ssd:#eaf9f1;--mac:#edf4ff;--gpu:#fff3e8;--ram-line:#8d72f6;--ssd-line:#52b788;--mac-line:#7aa9ff;--gpu-line:#ff9f68} *{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.2px} button{font:inherit}.wrap{max-width:1120px;margin:auto;padding:0 20px 72px;overflow-x:hidden}.top{position:sticky;top:0;z-index:20;background:rgba(251,248,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,226,241,.95)} .topin{max-width:1120px;margin:auto;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.brand{font-size:21px;font-weight:950;letter-spacing:-.8px}.brand small{font-size:11px;color:var(--muted);font-weight:750;margin-left:8px}.fresh{font-size:12px;color:var(--muted)} .top-actions{display:flex;align-items:center;gap:8px;min-width:0}.live-presence{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid #dcefe4;background:#f8fffb;border-radius:999px;color:#486a58;font-size:10px;font-weight:900;white-space:nowrap;box-shadow:0 4px 12px rgba(66,160,110,.05)}.live-presence .live-dot{width:7px;height:7px;border-radius:50%;background:#43c77d;box-shadow:0 0 0 3px rgba(67,199,125,.13);flex:0 0 auto}.live-presence.loading{color:#8a918d;background:#fbfcfb;border-color:#e8ece9}.live-presence.loading .live-dot{background:#b8c1bc;box-shadow:none}.live-presence.error{color:#8a918d;background:#fbfcfb;border-color:#e8ece9}.live-presence.error .live-dot{background:#b8c1bc;box-shadow:none}.live-presence strong{color:#2f6f4e;font-weight:950}.mini-action{white-space:nowrap} @media(max-width:620px){.top-actions{gap:5px}.live-presence{height:30px;padding:0 8px;font-size:9px}.live-presence .live-prefix{display:none}.brand small{display:none}.fresh.mini-action{font-size:9px;padding-left:8px;padding-right:8px}} .hero{padding:36px 0 18px}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}.hero h1{margin:0;font-size:40px;line-height:1.12;letter-spacing:-1.9px}.hero p{margin:12px 0 0;font-size:16px;color:var(--muted);line-height:1.65}.hero b{color:var(--text)}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:850;box-shadow:0 4px 14px rgba(30,35,45,.035)}.hero-chip i{font-style:normal;font-size:16px}.hero-art{position:relative;height:220px;border:1px solid #ebe3f6;border-radius:30px;background:linear-gradient(145deg,#ffffff 0%,#f9f3ff 46%,#f2f7ff 100%);overflow:hidden;box-shadow:var(--shadow)}.hero-art:before{content:'';position:absolute;width:190px;height:190px;border-radius:50%;background:#eee8ff;right:-55px;top:-65px;opacity:.8}.hero-art:after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;background:#e6f5ee;left:-50px;bottom:-70px;opacity:.8}.desk-screen{position:absolute;left:50%;top:42px;transform:translateX(-50%);width:190px;height:110px;border:8px solid #2d313a;border-radius:16px;background:#fff;z-index:2;box-shadow:0 12px 25px rgba(20,25,35,.12)}.desk-screen:after{content:'';position:absolute;left:50%;bottom:-31px;transform:translateX(-50%);width:58px;height:25px;border-radius:4px 4px 11px 11px;background:#363b45}.screen-title{position:absolute;left:15px;top:12px;font-size:11px;font-weight:900}.screen-line{position:absolute;left:15px;right:15px;bottom:21px;height:44px}.screen-line svg{width:100%;height:100%}.float-part{position:absolute;z-index:4;border:1px solid rgba(30,35,45,.06);box-shadow:0 10px 20px rgba(20,25,35,.08);background:#fff}.float-part.ram{left:28px;top:32px;width:82px;height:36px;border-radius:10px;padding:7px 8px;transform:rotate(-8deg)}.ram-stick{height:12px;border-radius:4px;background:#7556d6;display:flex;align-items:center;gap:4px;padding:0 5px}.ram-stick span{display:block;width:7px;height:7px;background:#ddd3ff;border-radius:2px}.float-part.ssd{right:28px;bottom:32px;width:70px;height:70px;border-radius:18px;display:grid;place-items:center;font-size:32px;transform:rotate(7deg)}.float-part.mac{right:27px;top:34px;width:76px;height:52px;border-radius:12px;display:grid;place-items:center;font-size:28px;transform:rotate(5deg)}.float-part.gpu{left:29px;bottom:28px;width:82px;height:49px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:5px;transform:rotate(-5deg);font-size:25px}.art-caption{position:absolute;left:50%;transform:translateX(-50%);bottom:15px;z-index:5;font-size:11px;color:#737987;font-weight:800;white-space:nowrap} .market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;width:100%;min-width:0}.market-grid>*{min-width:0;max-width:100%}.market-grid{overflow:hidden}.market-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:16px 17px 17px;cursor:pointer;transition:.18s;box-shadow:0 8px 20px rgba(110,92,140,.05);min-height:290px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.market-card:hover,.market-card.active{transform:translateY(-3px);box-shadow:0 18px 34px rgba(108,89,148,.12);border-color:#ddd2f0}.market-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.market-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.market-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;font-size:22px;position:relative;overflow:hidden}.market-icon.ram{background:var(--ram)}.market-icon.ssd{background:var(--ssd)}.market-icon.mac{background:var(--mac)}.market-icon.gpu{background:var(--gpu)}.market-icon .mini-ram{width:28px;height:12px;background:#775bd2;border-radius:3px;display:flex;align-items:center;gap:2px;padding:0 3px}.market-icon .mini-ram b{width:3px;height:5px;border-radius:1px;background:#e6ddff;display:block}.market-name{font-size:16px;font-weight:950;line-height:1.15}.market-kor{font-size:10px;color:var(--muted);font-weight:750;margin-top:2px}.fresh-badge{display:none}.benchmark{font-size:12px;color:var(--muted);margin-top:8px;min-height:24px;display:flex;align-items:center;gap:7px;line-height:1.35;white-space:nowrap;overflow:hidden}.benchmark span{min-width:0;overflow:hidden;text-overflow:ellipsis}.price{font-size:26px;font-weight:950;letter-spacing:-1.2px;margin-top:16px;min-height:38px}.label{font-size:11px;color:var(--muted);margin-top:3px;min-height:16px}.change{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-size:13px;font-weight:900;margin-top:11px;padding:6px 10px;border-radius:999px;background:#fff7fb;border:1px solid #f4d9e4;max-width:100%;white-space:nowrap}.change.up{color:var(--up)}.change.down{color:var(--down);background:#f3fcff;border-color:#d7eff5}.change.flat{color:var(--flat);background:#f7f8fb;border-color:#ebedf1}.spark{height:47px;margin-top:auto;padding-top:10px} .summary{display:flex;gap:8px;align-items:center;margin:14px 0 0;padding:13px 15px;border-radius:16px;background:linear-gradient(180deg,#ffffff 0%,#fffdff 100%);border:1px solid var(--line);font-size:13px;overflow:auto;box-shadow:0 8px 18px rgba(110,92,140,.04)}.summary b{white-space:nowrap}.summary span{color:var(--muted);white-space:nowrap} /* V25 — daily movers + personal alert pulse */ .pulse-panel{display:grid;grid-template-columns:1fr 1fr .92fr;gap:10px;margin:12px 0 14px}.pulse-card{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fefcff);border-radius:19px;padding:14px 15px;box-shadow:0 7px 18px rgba(100,82,130,.035);min-width:0}.pulse-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.pulse-head b{font-size:12px;letter-spacing:-.2px}.pulse-head span{font-size:9px;color:#9a929f;white-space:nowrap}.pulse-list{display:grid;gap:6px}.pulse-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;padding:7px 8px;border-radius:11px;cursor:pointer;text-align:left;color:inherit}.pulse-row:hover{background:#faf6ff}.pulse-main{min-width:0}.pulse-main b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-main small{display:block;margin-top:3px;color:#99919f;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-move{flex:0 0 auto;font-size:12px;font-weight:950;padding:5px 7px;border-radius:999px}.pulse-move.down{color:#3e8ea1;background:#f0fbff;border:1px solid #d6eef4}.pulse-move.up{color:#d76880;background:#fff5f8;border:1px solid #f2dae1}.pulse-empty{padding:10px 8px;color:#9c95a2;font-size:10px;line-height:1.55}.pulse-alert-main{font-size:19px;font-weight:950;letter-spacing:-.6px;margin-top:4px}.pulse-alert-sub{margin-top:5px;color:#847d8b;font-size:10px;line-height:1.5}.pulse-alert-btn{margin-top:10px;border:1px solid #e4dcf0;background:#f9f5ff;color:#6f5bb0;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer}.pulse-alert-btn:hover{background:#f3edff}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#77d3a3;margin-right:5px;vertical-align:1px} @media(max-width:820px){.pulse-panel{grid-template-columns:1fr 1fr}.pulse-card.alerts{grid-column:1/-1}} @media(max-width:520px){.pulse-panel{grid-template-columns:1fr}.pulse-card.alerts{grid-column:auto}.pulse-card{padding:12px 13px}.pulse-row{padding:7px 5px}} .detail{margin-top:14px;background:linear-gradient(180deg,#ffffff 0%,#fffefe 100%);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.detail-top{padding:22px 22px 12px;display:flex;justify-content:space-between;gap:20px;align-items:start}.eyebrow{font-size:12px;color:var(--muted);font-weight:800}.detail h2{margin:5px 0 5px;font-size:25px;letter-spacing:-.9px}.desc{font-size:13px;color:var(--muted);line-height:1.7}.term{border-bottom:2px dotted #c4afe8;cursor:pointer;color:var(--text);font-weight:800}.signal{text-align:right;min-width:145px}.signal strong{display:block;font-size:15px}.signal span{font-size:11px;color:var(--muted)} .chart-wrap{padding:0 18px 18px}.chart-box{border-top:1px solid var(--line);padding-top:14px;background:#fff;border-radius:18px}.chart-meta{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-bottom:8px}.chart-meta b{font-size:13px}.chart-meta span{font-size:11px;color:var(--muted)}.chart{width:100%;height:250px;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;overflow:visible}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 22px 22px}.stat{background:linear-gradient(180deg,#faf8ff 0%,#ffffff 100%);border-radius:16px;padding:14px;border:1px solid #efe8f7}.stat span{font-size:11px;color:var(--muted)}.stat b{display:block;font-size:15px;margin-top:5px}.note{margin:0 22px 22px;padding:15px 17px;border-radius:16px;background:linear-gradient(180deg,#faf7ff 0%,#fffdfd 100%);font-size:13px;line-height:1.7;border:1px solid #efe6fb}.note strong{display:block;margin-bottom:4px}.source{font-size:11px;color:var(--muted);margin-top:7px}.tiny-help{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tiny-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#faf4ff;border:1px solid #ecdffd;font-size:12px;font-weight:850;color:#6b5a96}.tiny-pill i{font-style:normal}.hero-soft{display:inline-flex;align-items:center;gap:8px;background:#fff5fb;border:1px solid #f8dbe7;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;color:#ca5f84;margin-bottom:12px}.detail-top{position:relative}.detail-top:after{display:none!important}.chart-legend{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-top:6px}.legend-dot{width:10px;height:10px;border-radius:50%} .term-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .term-chip{position:relative;border:1px solid #e7dff5;background:linear-gradient(180deg,#fff 0%,#faf7ff 100%);color:#625a72;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;cursor:pointer;box-shadow:0 4px 12px rgba(92,74,122,.05);transition:.16s} .term-chip:hover,.term-chip:focus{transform:translateY(-1px);border-color:#d6c6f2;background:#f6f1ff;outline:none} .term-chip .q{font-size:10px;opacity:.62;margin-left:3px} .term-tip{display:none;position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);z-index:30;width:245px;padding:11px 12px;border:1px solid #ece6f6;border-radius:14px;background:#fff;box-shadow:0 14px 32px rgba(65,48,88,.15);font-size:12px;line-height:1.58;color:#56505e;text-align:left;font-weight:650} .term-tip:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:#fff;border-right:1px solid #ece6f6;border-bottom:1px solid #ece6f6;transform:translateX(-50%) rotate(45deg)} .term-chip:hover .term-tip,.term-chip:focus .term-tip,.term-chip.open .term-tip{display:block} .friendly-line{font-size:13px;color:#625d69;line-height:1.65}.friendly-line b{color:#2f2a34} .tiny-help{display:none!important} @media(max-width:520px){.term-tip{position:fixed;left:14px;right:14px;bottom:18px;transform:none;width:auto;font-size:13px;padding:14px 15px}.term-tip:after{display:none}.term-chip:hover .term-tip{display:none}.term-chip.open .term-tip{display:block}} .section-title{display:flex;justify-content:space-between;align-items:end;margin:30px 0 12px}.section-title h3{font-size:20px;margin:0;letter-spacing:-.6px}.section-title span{font-size:11px;color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cal{background:linear-gradient(180deg,#ffffff 0%,#fffdff 100%);border:1px solid var(--line);border-radius:19px;padding:16px;box-shadow:0 8px 18px rgba(110,92,140,.04)}.cal-top{display:flex;justify-content:space-between;align-items:center}.date{font-size:12px;font-weight:900}.tag{font-size:10px;border-radius:999px;padding:5px 8px;background:#eef5ff;color:#537dcc;border:1px solid #d8e6ff}.tag.done{background:#f6f1ff;color:#7b6da5;border:1px solid #ece1fb}.cal h4{font-size:15px;margin:13px 0 5px}.cal p{font-size:12px;color:var(--muted);line-height:1.55;margin:0} .footer{margin-top:26px;font-size:11px;color:#8a9099;line-height:1.6}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:50;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{max-width:430px;width:100%;background:linear-gradient(180deg,#ffffff 0%,#fffdfd 100%);border-radius:24px;padding:21px;box-shadow:0 18px 44px rgba(82,55,125,.18);border:1px solid #efe6fb}.modal-card h3{margin:0 0 9px}.modal-card p{font-size:14px;line-height:1.7;color:#555d67}.close{float:right;border:0;background:#f1f2f4;border-radius:10px;width:32px;height:32px;cursor:pointer} /* live offer board */ .offer-section{margin-top:14px;background:linear-gradient(180deg,#fff 0%,#fffdfd 100%);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden} .offer-head{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:20px 22px 14px;border-bottom:1px solid var(--line)} .offer-head h3{margin:0;font-size:20px;letter-spacing:-.6px}.offer-head p{margin:5px 0 0;font-size:12px;line-height:1.55;color:var(--muted)} .offer-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#f4efff;border:1px solid #e7dcfb;color:#7261a7;font-size:11px;font-weight:900} .offer-toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:13px 22px;background:#fff} .offer-filter{border:1px solid #e9e4ef;background:#fff;color:#66616e;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.offer-filter.active{background:#f1ebff;color:#6a58a6;border-color:#ded1f7} .offer-list{padding:0 22px}.offer-row{display:grid;grid-template-columns:minmax(0,1fr) 205px 42px;gap:15px;align-items:center;padding:17px 0;border-top:1px solid #f0edf4}.offer-row:first-child{border-top:0}.offer-row.clickable{cursor:pointer;border-radius:14px;transition:background .14s,box-shadow .14s}.offer-row.clickable:hover{background:#faf7ff;box-shadow:0 0 0 7px #faf7ff}.offer-row.clickable:focus-visible{outline:2px solid #a88cf3;outline-offset:3px}.offer-row.clickable .go{opacity:.82}.offer-row.clickable:hover .go{opacity:1;background:#f4eeff;border-color:#dacdf1} .offer-left{min-width:0}.seller-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.seller{font-size:15px;font-weight:950;color:#23242b}.mini-badge{font-size:9px;padding:4px 6px;border-radius:999px;background:#eefbf5;color:#3d9870;border:1px solid #d9f1e5;font-weight:900}.product-title{margin-top:5px;font-size:12px;color:#717583;display:flex;align-items:flex-start;gap:8px;white-space:normal;line-height:1.55}.product-title .title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.offer-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.meta-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;border:1px solid #ede6f5;background:#fbf8ff;color:#736b82;font-size:10px;font-weight:850}.meta-pill.dispatch{background:#f6fbff;border-color:#dcecfb;color:#4d7c9e}.meta-pill.arrive{background:#f4fbf5;border-color:#daefdd;color:#4d9560}.meta-pill.free{background:#fff7fb;border-color:#f4dce6;color:#b15f80}.meta-pill.benefit{background:#fff8f0;border-color:#f5e3c9;color:#b57a33}.review{margin-top:8px;font-size:11px;color:#8b8e98}.stars{color:#ff8b76;font-weight:900}.offer-price{text-align:right}.offer-price strong{display:block;font-size:18px;letter-spacing:-.5px}.offer-price.best strong{color:#7a61d1}.ship{margin-top:5px;font-size:10px;color:#73809b;line-height:1.55}.go{width:38px;height:38px;border-radius:12px;border:1px solid #e8e3ee;background:#fff;display:grid;place-items:center;text-decoration:none;color:#554d65;font-size:20px;transition:.15s}.go:hover{background:#f7f2ff;transform:translateX(2px)} .coupang-strip{margin:14px 22px 20px;border:1px solid #f2e4e4;background:linear-gradient(135deg,#fff8f6 0%,#fff 65%);border-radius:18px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.coupang-copy{min-width:0}.coupang-copy b{display:block;font-size:13px}.coupang-copy span{display:block;margin-top:4px;font-size:11px;color:var(--muted);line-height:1.5}.coupang-btn{white-space:nowrap;border:0;border-radius:13px;padding:11px 14px;background:#ff6a5b;color:white;font-size:12px;font-weight:950;text-decoration:none;box-shadow:0 8px 18px rgba(255,106,91,.18)} .offer-empty{padding:28px 22px 30px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.offer-empty b{display:block;color:#4e4b56;font-size:14px;margin-bottom:4px} @media(max-width:620px){.offer-head{align-items:start;flex-direction:column}.offer-row{grid-template-columns:minmax(0,1fr) 110px 36px;gap:8px}.offer-price strong{font-size:16px}.product-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.coupang-strip{align-items:flex-start;flex-direction:column}.coupang-btn{width:100%;text-align:center}.offer-list,.offer-toolbar{padding-left:16px;padding-right:16px}.offer-head{padding-left:16px;padding-right:16px}.coupang-strip{margin-left:16px;margin-right:16px}} /* v2.5 관심시세 4칸 커스터마이즈 */ .market-card{position:relative}.market-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:7px;flex:0 0 auto}.card-change{display:inline-flex;align-items:center;justify-content:center;width:48px;height:30px;border:1px solid #e8e1f1;background:#fff;color:#777083;border-radius:999px;padding:0 10px;font-size:11px;font-weight:900;line-height:1;white-space:nowrap;writing-mode:horizontal-tb;cursor:pointer;transition:.16s;box-sizing:border-box;flex:0 0 auto;overflow:hidden}.card-change:hover{background:#f8f3ff;border-color:#d9ccef;color:#6d57a8}.market-icon.cpu{background:#fff0f4}.market-icon.monitor{background:#eef9ff}.market-icon.cpu,.market-icon.monitor{font-size:21px}.pending-price{font-size:18px!important;color:#8e8a97;letter-spacing:-.5px!important}.pending-spark{height:47px;margin-top:auto;padding-top:10px;border-radius:12px;background:#f7f4fb;display:flex;align-items:center;justify-content:center;color:#a09aa9;font-size:10px;font-weight:800}.fresh-badge.pending{display:none} .picker-modal{position:fixed;inset:0;background:rgba(33,26,43,.32);backdrop-filter:blur(8px);display:none;align-items:flex-end;justify-content:center;z-index:90;padding:20px}.picker-modal.show{display:flex}.picker-card{width:min(720px,100%);max-height:min(780px,88vh);overflow:auto;background:#fff;border:1px solid #eee7f5;border-radius:30px;padding:22px;box-shadow:0 30px 90px rgba(40,30,55,.24);animation:sheetup .2s ease}.picker-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.picker-head span{font-size:11px;font-weight:900;color:#8c8295}.picker-head h3{font-size:24px;margin:4px 0 0;letter-spacing:-.8px}.picker-close{border:0;background:#f7f3fb;width:36px;height:36px;border-radius:50%;font-size:15px;cursor:pointer}.category-tabs{display:flex;gap:7px;overflow:auto;padding:18px 0 10px}.category-tab{border:1px solid #ece5f3;background:#fff;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer}.category-tab.active{background:#2d2933;color:#fff;border-color:#2d2933}.brand-tabs{display:flex;gap:6px;overflow:auto;padding:0 0 10px}.brand-filter{border:1px solid #ebe5f2;background:#faf9fc;color:#746d7b;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}.brand-filter.active{background:#f0eaff;color:#6e58ae;border-color:#ded1f6}.picker-note{margin:4px 0 12px;padding:11px 13px;background:#faf8fc;border:1px solid #f0ebf4;border-radius:14px;color:#807987;font-size:11px;line-height:1.6}.product-picker-list{display:grid;gap:8px}.picker-product{width:100%;border:1px solid #eee8f3;background:#fff;border-radius:18px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;cursor:pointer;transition:.16s}.picker-product:hover{background:#fbf9fd;border-color:#dbcfeb;transform:translateY(-1px)}.picker-product.selected{border-color:#bda8e6;background:#faf6ff}.picker-product-main{display:flex;align-items:center;gap:12px;min-width:0}.picker-product-icon{width:40px;height:40px;border-radius:13px;background:#f6f1fb;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.picker-product b{display:block;font-size:14px}.picker-product small{display:block;margin-top:3px;color:#8c8792;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}.data-state{font-size:10px;font-weight:900;border-radius:999px;padding:5px 8px;background:#effaf5;color:#4f9675;white-space:nowrap}.data-state.pending{background:#f5f3f7;color:#98929f}.compare-panel{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px 22px;box-shadow:0 8px 20px rgba(110,92,140,.04)}.compare-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.compare-head h3{margin:0;font-size:17px}.compare-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.compare-badge{font-size:10px;border-radius:999px;background:#f6f1ff;color:#74658e;padding:6px 9px;font-weight:900}.compare-choices{display:flex;gap:7px;overflow:auto;margin-top:14px}.compare-choice{border:1px solid #ebe5f1;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer}.compare-choice.active{background:#302b35;color:#fff;border-color:#302b35}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.compare-card{border:1px solid #eee8f3;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#fdfbff)}.compare-card .over{font-size:10px;color:#918a98;font-weight:850}.compare-card b{display:block;margin-top:5px;font-size:13px}.compare-card .cmp-price{font-size:20px;font-weight:950;margin-top:13px}.compare-card .cmp-sub{font-size:10px;color:#938d98;margin-top:3px}.compare-diff{margin-top:8px;font-size:11px;font-weight:850;color:#7b6b91}.compare-empty{padding:12px;border-radius:14px;background:#faf8fb;color:#918a96;font-size:11px}@keyframes sheetup{from{transform:translateY(18px);opacity:.7}to{transform:none;opacity:1}} @media(max-width:880px){.hero-inner{grid-template-columns:1fr}.hero-art{height:190px}.market-grid{grid-template-columns:1fr 1fr}.calendar{grid-template-columns:1fr}.hero h1{font-size:34px}} @media(max-width:520px){.wrap,.topin{padding-left:14px;padding-right:14px}.hero-inner{gap:16px}.hero-art{height:168px;border-radius:22px}.desk-screen{width:150px;height:86px;top:33px}.float-part.ram{left:15px;top:20px}.float-part.mac{right:15px;top:22px}.float-part.gpu{left:17px;bottom:18px}.float-part.ssd{right:18px;bottom:19px;width:58px;height:58px;font-size:27px}.art-caption{display:none}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.market-card{padding:13px;border-radius:18px}.market-icon{width:36px;height:36px;border-radius:12px;font-size:19px}.market-title{gap:8px}.market-name{font-size:15px}.market-kor{font-size:9px}.price{font-size:21px}.benchmark{font-size:11px}.detail-top{flex-direction:column}.signal{text-align:left}.stats{grid-template-columns:1fr}.hero{padding-top:25px}.hero h1{font-size:30px}.fresh{display:none}} /* price alert + purchase funnel */ .alert-panel{margin:14px 22px 20px;border:1px solid #e8ddfb;background:linear-gradient(135deg,#fbf7ff 0%,#f7fcff 100%);border-radius:20px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.alert-copy b{display:block;font-size:14px}.alert-copy span{display:block;margin-top:5px;font-size:11px;color:var(--muted);line-height:1.55}.alert-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.target-price{width:132px;border:1px solid #ddd4ea;background:#fff;border-radius:13px;padding:10px 11px;font-size:12px;font-weight:850;outline:none}.target-price:focus{border-color:#bfa9eb;box-shadow:0 0 0 3px rgba(141,114,246,.10)}.alert-btn{border:0;border-radius:13px;padding:10px 13px;background:#6f5bd5;color:#fff;font-size:12px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(111,91,213,.16)}.alert-btn.secondary{background:#fff;color:#645979;border:1px solid #e3daef;box-shadow:none}.alert-state{margin-top:7px;font-size:10px;color:#786c8e}.purchase-zone{margin:0 22px 22px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #ece5f4;border-radius:18px;padding:14px 15px}.purchase-zone b{font-size:13px}.purchase-zone p{margin:4px 0 0;font-size:11px;color:var(--muted);line-height:1.5}.purchase-main{white-space:nowrap;text-decoration:none;background:linear-gradient(135deg,#7d66df,#6c58ca);color:#fff;border-radius:13px;padding:11px 15px;font-size:12px;font-weight:950;box-shadow:0 8px 18px rgba(108,88,202,.18)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#2d2d33;color:#fff;padding:11px 15px;border-radius:14px;font-size:12px;font-weight:850;z-index:80;opacity:0;pointer-events:none;transition:.22s;box-shadow:0 12px 28px rgba(0,0,0,.18)}.toast.show{opacity:1;transform:translate(-50%,0)} @media(max-width:620px){.alert-panel,.purchase-zone{grid-template-columns:1fr}.alert-controls{justify-content:flex-start}.target-price{width:100%}.alert-btn{flex:1}.purchase-main{text-align:center}.alert-panel,.purchase-zone{margin-left:16px;margin-right:16px}} @media(max-width:520px){.card-change{padding:5px 7px}.fresh-badge{display:none}.picker-modal{padding:0;align-items:flex-end}.picker-card{border-radius:28px 28px 0 0;padding:18px 14px 26px;max-height:88vh}.picker-product small{max-width:230px}.compare-grid{grid-template-columns:1fr}.compare-panel{padding:17px 14px}.picker-head h3{font-size:21px}} /* v2.6 — price snapshots + cute market temperature */ .stats{grid-template-columns:repeat(3,1fr);gap:10px} .stat{position:relative;overflow:hidden;background:linear-gradient(155deg,#fff 0%,#fbf8ff 100%);border:1px solid #ece4f6;box-shadow:0 8px 18px rgba(91,75,125,.035);padding:15px 16px 14px} .stat:before{content:"";position:absolute;right:-18px;top:-24px;width:70px;height:70px;border-radius:50%;background:#f4edff;opacity:.75} .stat span,.stat b,.stat small{position:relative;z-index:1}.stat b{font-size:17px;letter-spacing:-.45px}.stat small{display:block;margin-top:5px;font-size:10px;color:#9a94a3;line-height:1.35} .price-mood{margin:0 22px 22px;padding:18px;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#fffafd 48%,#f8fbff 100%);border:1px solid #ece4f7;box-shadow:0 10px 24px rgba(95,78,129,.045)} .mood-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.mood-kicker{display:block;font-size:10px;font-weight:900;color:#9a8cae;margin-bottom:5px}.mood-head strong{display:block;font-size:18px;letter-spacing:-.5px}.mood-head p{margin:5px 0 0;font-size:12px;line-height:1.55;color:var(--muted)} .mood-current{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#f6f0ff;border:1px solid #e8dcfb;color:#765ea8;font-size:11px;font-weight:900} .mood-zones{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.mood-zone{position:relative;min-height:76px;border-radius:16px;padding:12px 11px;border:1px solid transparent;opacity:.62;transition:.18s;overflow:hidden}.mood-zone .emoji{font-size:18px;display:block}.mood-zone b{display:block;margin-top:5px;font-size:12px}.mood-zone span{display:block;margin-top:3px;font-size:9px;line-height:1.35;color:#827a89}.mood-zone.active{opacity:1;transform:translateY(-2px);box-shadow:0 10px 20px rgba(101,82,140,.09)}.mood-zone.active:after{content:"지금 여기";position:absolute;right:7px;top:7px;font-size:8px;font-weight:950;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.82);color:#6e647a} .mood-zone.z0{background:#f2f8ff;border-color:#dcecff}.mood-zone.z1{background:#f0fbf4;border-color:#d9f0e1}.mood-zone.z2{background:#fff8e9;border-color:#f6e8c7}.mood-zone.z3{background:#fff0f3;border-color:#f4d9df} .mood-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px dashed #eee6f5;font-size:10px;color:#98919f}.mood-foot .source{margin:0;text-align:right} .chart-meta-note{display:inline-flex;align-items:center;gap:5px;margin-left:6px;color:#9a93a1;font-size:10px;font-weight:700}.metric-quality{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#f7f4fb;border:1px solid #ece5f4;font-size:9px;color:#8e8697;font-weight:850} @media(max-width:700px){.mood-zones{grid-template-columns:1fr 1fr}.mood-head{flex-direction:column}.mood-current{align-self:flex-start}.mood-foot{align-items:flex-start;flex-direction:column}.mood-foot .source{text-align:left}.stats{grid-template-columns:1fr 1fr 1fr}.stat{padding:12px 10px}.stat b{font-size:14px}.stat small{font-size:9px}} @media(max-width:520px){.stats{grid-template-columns:1fr}.mood-zones{grid-template-columns:1fr 1fr}} /* v2.7 — brand refresh: softer, cleaner, less gimmicky */ .hero-kicker{font-size:11px;font-weight:950;letter-spacing:1.2px;color:#8d79bf;margin-bottom:10px}.hero h1 b{background:linear-gradient(90deg,#6f58c9,#8d75ef);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-chip{box-shadow:none;background:rgba(255,255,255,.78);border-color:#e8e1f2;color:#676173;padding:7px 11px}.hero-art{background:radial-gradient(circle at 86% 16%,rgba(216,236,255,.8),transparent 34%),radial-gradient(circle at 12% 84%,rgba(232,221,255,.85),transparent 38%),linear-gradient(145deg,#fff,#fbf9ff 55%,#f8fbff);} .signal-visual{position:absolute;inset:24px 28px 38px;border:1px solid rgba(218,210,234,.9);border-radius:24px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);box-shadow:0 18px 42px rgba(82,67,116,.10);padding:18px 20px;z-index:2}.signal-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8b8495;font-weight:900;letter-spacing:.5px}.signal-top span{display:flex;align-items:center;gap:6px}.signal-top i{display:block;width:6px;height:6px;border-radius:50%;background:#7bd2aa;box-shadow:0 0 0 4px rgba(123,210,170,.13)}.signal-top em{font-style:normal;color:#aaa4b2}.signal-main{display:flex;align-items:end;justify-content:space-between;margin-top:12px}.signal-main small{display:block;font-size:9px;font-weight:900;color:#9a93a4;letter-spacing:.5px}.signal-main strong{display:block;margin-top:2px;font-size:26px;letter-spacing:-1.2px}.signal-main strong span{font-size:12px;margin-left:2px}.signal-tag{font-size:9px;color:#705ead;background:#f4efff;border:1px solid #e6dbfb;padding:5px 8px;border-radius:999px}.signal-chart{width:100%;height:55px;margin-top:6px}.signal-products{display:flex;gap:6px;margin-top:4px}.sig-product{font-size:9px;font-weight:850;color:#777080;padding:5px 8px;border-radius:999px;background:#f8f6fb;border:1px solid #eee9f3}.art-caption{bottom:12px;color:#847d8e;font-weight:850}.market-icon{color:#6f5bc7}.market-icon svg{width:25px;height:25px}.market-icon.ssd{color:#3d9f78}.market-icon.mac{color:#5987d8}.market-icon.gpu{color:#d47b48}.market-icon.cpu{color:#cf6884}.market-icon.monitor{color:#4f9bbb}.summary{background:rgba(255,255,255,.72)} .price-mood{background:linear-gradient(145deg,#fff,#fdfbff 58%,#f8fbff);}.mood-kicker{letter-spacing:.6px;color:#8a7ca0}.mood-zone{min-height:82px;border-color:#eee9f2!important;background:#fff!important;opacity:.58}.mood-zone.z0{box-shadow:inset 0 -3px 0 #b9a6ff}.mood-zone.z1{box-shadow:inset 0 -3px 0 #9dd7b9}.mood-zone.z2{box-shadow:inset 0 -3px 0 #e7c67f}.mood-zone.z3{box-shadow:inset 0 -3px 0 #efa0a9}.mood-zone.active{opacity:1;background:linear-gradient(180deg,#fff,#fbf9ff)!important}.mood-zone .emoji{font-size:17px}.mood-zone b{font-size:12px}.mood-zone span{font-size:9px}.mood-zone.active:after{content:"현재";background:#302a36;color:#fff;padding:4px 7px}.mood-current{background:#f7f3ff;color:#6c5b98;border-color:#e9e0f8}.chart{filter:saturate(.84)} @media(max-width:520px){.signal-visual{inset:16px 15px 31px;padding:13px 14px;border-radius:19px}.signal-main strong{font-size:21px}.signal-chart{height:43px}.signal-products{display:none}} /* v2.8 AI buy guide */ .ai-buy-guide{margin:0 22px 22px;padding:18px;border:1px solid #e8e0f5;border-radius:22px;background:linear-gradient(135deg,#fbf9ff 0%,#ffffff 52%,#f5fbff 100%);display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:stretch} .ai-buy-main{padding:2px 3px}.ai-buy-kicker{font-size:10px;font-weight:950;letter-spacing:.7px;color:#8069bc}.ai-buy-main h3{font-size:20px;margin:5px 0 6px;letter-spacing:-.7px}.ai-buy-main p{margin:0;color:#777080;font-size:12px;line-height:1.55}.ai-targets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.ai-target{border:1px solid #eee8f5;background:#fff;border-radius:15px;padding:11px 12px}.ai-target span{display:block;font-size:9px;color:#938b9d;font-weight:800}.ai-target b{display:block;font-size:16px;margin-top:4px}.ai-target.good b{color:#7058c8}.ai-target.strong b{color:#2b9b70}.ai-buy-side{border-radius:17px;padding:14px;background:#302a36;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:118px}.ai-buy-side small{font-size:9px;color:#c9c2ce;font-weight:900;letter-spacing:.5px}.ai-buy-side strong{display:block;font-size:17px;line-height:1.35;margin:5px 0}.ai-buy-side p{font-size:11px;line-height:1.55;color:#ddd6e2;margin:0}.ai-data-progress{margin-top:9px;height:6px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.ai-data-progress i{display:block;height:100%;background:linear-gradient(90deg,#9c84ff,#7bd4b1);border-radius:999px}.ai-buy-note{font-size:9px;color:#9a93a3;margin-top:8px}.ai-ready-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;background:#f3efff;color:#7059ae;font-size:9px;font-weight:950;margin-top:8px} @media(max-width:700px){.ai-buy-guide{grid-template-columns:1fr}.ai-targets{grid-template-columns:1fr 1fr}} /* v2.8 — compact brand marks */ .brand-inline{display:inline-flex;align-items:center;gap:7px;min-width:0;vertical-align:middle} .brand-inline{display:inline-flex;align-items:center;gap:7px;min-width:0;vertical-align:middle}.brand-inline>span:last-child{min-width:0} .brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:26px;height:26px;border-radius:8px;background:#fff;border:1px solid #ece8f1;box-shadow:0 3px 9px rgba(31,27,40,.045);color:#333;padding:0 7px;white-space:nowrap} .brand-mark svg{display:block;width:15px;height:15px;fill:currentColor} .brand-mark.samsung{width:auto;min-width:76px;padding:0 10px;border-radius:999px;background:#f7f9ff;color:#1428a0;border-color:#dbe3ff;font-size:11px;font-weight:950;letter-spacing:.3px}.brand-mark.samsung span{transform:translateY(-.5px)} .brand-mark.nvidia{width:auto;min-width:64px;padding:0 9px;border-radius:999px;color:#3c6f0b;border-color:#dcefc3;background:#f8fff2;font-size:10px;font-weight:900;gap:6px}.brand-mark.nvidia svg{width:16px;height:16px} .brand-mark.amd{width:auto;min-width:58px;padding:0 9px;border-radius:999px;color:#e21b23;border-color:#f4d5d7;background:#fff8f8;font-size:10px;font-weight:900;gap:5px}.brand-mark.amd svg{width:15px;height:15px} .brand-mark.apple{width:auto;min-width:58px;padding:0 9px;border-radius:999px;color:#171717;border-color:#e8e8e8;background:#fbfbfb;font-size:10px;font-weight:900;gap:5px}.brand-mark.apple svg{width:13px;height:16px} .brand-mark.intel{width:auto;min-width:58px;padding:0 9px;border-radius:999px;color:#0071c5;border-color:#d7e9f8;background:#f6fbff;font-size:10px;font-weight:900;gap:5px}.brand-mark.intel svg{width:16px;height:16px} .brand-mark.skhynix{width:auto;min-width:62px;padding:0 8px;border-radius:999px;background:#fff8f5;color:#d54b32;border-color:#f5ded7;font-size:9px;font-weight:950;letter-spacing:-.1px;white-space:nowrap}.brand-mark.skhynix b{color:#f28c35;font-size:9px;margin-right:1px} .benchmark{display:flex;align-items:center;gap:7px;min-height:24px}.benchmark>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .detail-name-wrap{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.detail-name-wrap .brand-mark{transform:translateY(1px)} .picker-product b,.compare-card>b,.product-title{display:flex;align-items:center;gap:7px}.picker-product .brand-mark,.compare-card .brand-mark,.product-title .brand-mark{height:22px;min-width:22px;border-radius:7px;padding:0 6px}.picker-product .brand-mark.samsung,.compare-card .brand-mark.samsung,.product-title .brand-mark.samsung{min-width:68px;width:auto} @media(max-width:520px){.brand-mark{width:22px;height:22px}.brand-mark.samsung{width:31px}.brand-mark.skhynix{min-width:43px;padding:0 5px;font-size:7px}} /* v2.9 — cleaner navigation, seller logos, trust-first affiliate placement */ .hero-chips{gap:7px}.hero-chip{padding:8px 11px;border-color:#e7e1ef;background:rgba(255,255,255,.9);font-size:11px;color:#5f5969}.hero-chip i{font-size:14px;line-height:1}.signal-products{display:none!important}.art-caption{bottom:17px;background:rgba(255,255,255,.66);border:1px solid rgba(231,225,239,.8);padding:5px 9px;border-radius:999px;font-size:10px} /* No standalone Coupang promotion on the market page. Affiliate links only live inside the relevant seller row. */ #coupangStrip,.coupang-strip,.purchase-zone{display:none!important} .seller-line{gap:8px;min-height:28px}.seller-logo{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;padding:0 10px;border-radius:11px;background:#fff;border:1px solid #e9e5ec;line-height:1;box-shadow:0 3px 9px rgba(35,29,44,.035);white-space:nowrap;overflow:hidden;flex:0 0 auto}.seller-logo.coupang{border-color:#f0ddd8;background:#fff7f6;min-width:70px}.seller-logo.gmarket{border-color:#d9eee3;background:#f9fffb;min-width:74px}.seller-logo.st11{border-color:#f2ddd9;background:#fff7f6;min-width:62px}.seller-logo.comoasis{border-color:#e3dcf4;background:#fbf9ff;min-width:76px}.seller-logo.apple{border-color:#e7e7e7;background:#fbfbfb;min-width:58px}.seller-logo.danawa{border-color:#dce3fb;background:#f8f9ff;min-width:66px}.seller-logo .seller-favicon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.seller-logo .seller-favicon svg{display:block;width:100%;height:100%}.affiliate-mini{font-size:8px;font-weight:900;color:#8f8798;border:1px solid #ebe6ef;background:#faf8fb;border-radius:999px;padding:3px 5px}.verify-label{font-size:10px;font-weight:850;color:#81798a;background:#f8f6fa;border:1px solid #eee9f1;border-radius:999px;padding:4px 7px}.go.muted{opacity:.28;cursor:default}.footer{padding-top:18px;border-top:1px solid #eee8f3}.affiliate-disclosure{margin-top:7px;color:#9d97a2;font-size:10px}.business-contact{margin-top:6px;color:#77717d;font-size:10px;font-weight:750}.business-contact button{appearance:none;border:0;padding:0;background:none;color:#66577d;font:inherit;font-weight:900;cursor:pointer}.business-contact button:hover,.business-contact button:focus{text-decoration:underline}.offer-row{min-height:104px} /* brand badges: more readable, never overflow */ .brand-mark{height:26px;min-width:26px;border-radius:8px}.brand-mark svg{max-width:19px;max-height:18px}.brand-mark.samsung{width:auto;min-width:78px}.brand-mark.skhynix{box-sizing:border-box;height:26px;min-width:62px;max-width:70px;padding:0 6px;border-radius:8px;font-size:9px;line-height:1;overflow:hidden;justify-content:center;white-space:nowrap}.brand-mark.skhynix b{font-size:9px;line-height:1}.brand-mark.crucial{min-width:64px;color:#2256a3;background:#f7faff;border-color:#d9e5f7;font-size:9px;font-weight:950}.brand-mark.teamgroup{min-width:74px;color:#c43d36;background:#fff8f7;border-color:#f3dcd9;font-size:9px;font-weight:950}.brand-mark.kingston{min-width:66px;color:#be1e2d;background:#fff7f8;border-color:#f1d7db;font-size:9px;font-weight:950}.brand-mark.gskill{min-width:60px;color:#c51f2e;background:#fff7f8;border-color:#f1d7db;font-size:9px;font-weight:950}.brand-mark.kioxia{min-width:58px;color:#e8006f;background:#fff7fb;border-color:#f2d7e5;font-size:9px;font-weight:950}.brand-mark.wd{min-width:54px;color:#111;background:#fafafa;border-color:#e5e5e5;font-size:9px;font-weight:950}.brand-mark.sandisk{min-width:62px;color:#e0212c;background:#fff8f8;border-color:#f0d8da;font-size:9px;font-weight:950}.picker-product .brand-mark,.compare-card .brand-mark,.product-title .brand-mark{height:24px;min-width:24px}.picker-product .brand-mark.skhynix,.compare-card .brand-mark.skhynix,.product-title .brand-mark.skhynix{width:62px;max-width:62px;padding:0 5px}.detail-name-wrap .brand-mark.skhynix{width:66px;max-width:66px} @media(max-width:520px){.hero-chips{gap:6px}.hero-chip{padding:7px 9px;font-size:10px}.hero-chip i{font-size:13px}.art-caption{font-size:9px;bottom:9px}.seller-logo{min-width:38px;height:30px;padding:0 8px}.seller-logo.coupang{min-width:60px}.seller-logo.gmarket{min-width:64px}.seller-logo.st11{min-width:52px}.seller-logo.comoasis{min-width:66px}.seller-logo.apple{min-width:48px}.seller-logo.danawa{min-width:54px}.brand-mark.skhynix{min-width:52px;max-width:56px}.offer-row{min-height:84px}} /* v2.11 hero: 중복 시세판 대신 오늘의 체크포인트 */ .hero-art.hero-brief{height:236px;padding:20px 21px 17px;background:linear-gradient(145deg,#fff 0%,#fbf8ff 52%,#f4f8ff 100%);display:flex;flex-direction:column;position:relative;overflow:hidden} .hero-art.hero-brief:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-48px;top:-58px;background:#eee9ff;opacity:.72}.hero-art.hero-brief:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;left:-48px;bottom:-68px;background:#eaf8f1;opacity:.7} .brief-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.brief-head>div{display:flex;align-items:center;gap:9px}.brief-head b{font-size:15px;letter-spacing:-.45px}.brief-head em{font-style:normal;font-size:9px;font-weight:850;color:#81798d;background:rgba(255,255,255,.86);border:1px solid #eee7f7;border-radius:999px;padding:6px 9px}.brief-live{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:950;color:#837a92;letter-spacing:.7px}.brief-live i{width:7px;height:7px;border-radius:50%;background:#79d7a7;box-shadow:0 0 0 4px rgba(121,215,167,.13)} .brief-list{position:relative;z-index:2;display:grid;gap:8px;margin:13px 0 8px}.brief-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(230,224,240,.88);background:rgba(255,255,255,.86);border-radius:15px;padding:10px 11px;box-shadow:0 5px 15px rgba(90,73,123,.03)}.brief-ico{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#f6f1ff;font-size:16px}.brief-row:nth-child(2) .brief-ico{background:#eef9f3}.brief-row:nth-child(3) .brief-ico{background:#fff6e9}.brief-copy{min-width:0}.brief-copy small{display:block;font-size:8px;font-weight:900;color:#8d8595;margin-bottom:2px}.brief-copy b{display:block;font-size:11px;letter-spacing:-.25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brief-copy span{display:block;font-size:8.5px;color:#8c8592;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brief-tag{font-size:8px;font-weight:900;color:#75668f;background:#f6f2ff;border:1px solid #e9e1f6;border-radius:999px;padding:5px 7px;white-space:nowrap}.brief-foot{position:relative;z-index:2;text-align:center;color:#8c8592;font-size:8.5px;font-weight:800;margin-top:auto} @media(max-width:850px){.hero-art.hero-brief{height:auto;min-height:224px}} @media(max-width:520px){.hero-art.hero-brief{padding:17px}.brief-row{padding:9px}.brief-copy span{display:none}.brief-head em{display:none}} /* v2.12 hero: duplicate market cards removed -> daily price note */ .hero-art.hero-brief{height:auto;min-height:236px;padding:24px 26px 20px;background:linear-gradient(145deg,#fff 0%,#faf7ff 55%,#f5f9ff 100%);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden} .hero-art.hero-brief:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-58px;top:-72px;background:#eee9ff;opacity:.72}.hero-art.hero-brief:after{content:"";position:absolute;width:135px;height:135px;border-radius:50%;left:-52px;bottom:-72px;background:#eaf8f1;opacity:.72} .daily-note{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.daily-note-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.daily-note-kicker{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:950;letter-spacing:.7px;color:#80758e}.daily-note-kicker i{width:7px;height:7px;border-radius:50%;background:#79d7a7;box-shadow:0 0 0 4px rgba(121,215,167,.13)}.daily-note-date{font-size:9px;font-weight:850;color:#92899c;background:rgba(255,255,255,.88);border:1px solid #eee7f7;border-radius:999px;padding:6px 9px}.daily-note-main{margin-top:16px;max-width:100%}.daily-note-main h3{margin:0;font-size:23px;line-height:1.3;letter-spacing:-.9px;word-break:keep-all}.daily-note-main p{margin:9px 0 0;font-size:12.5px;line-height:1.65;color:#7e7785;word-break:keep-all}.daily-note-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.daily-note-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.88);border:1px solid #eae3f2;font-size:10px;font-weight:900;color:#655d6d;box-shadow:0 4px 12px rgba(90,73,123,.025)}.daily-note-pill b{color:#302a36}.daily-note-foot{margin-top:10px;font-size:9.5px;color:#968e9d;font-weight:800}.brief-list,.brief-foot{display:none!important} @media(max-width:520px){.hero-art.hero-brief{padding:18px;min-height:218px}.daily-note-main h3{font-size:19px}.daily-note-main p{font-size:10px}.daily-note-pill{font-size:8.5px}} /* V14 — price-comparison bridge */ .source-bridge{margin:12px 0 0;padding:12px 14px;border:1px solid #e9e3f0;border-radius:17px;background:linear-gradient(180deg,#fff,#fdfbff);display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 5px 16px rgba(78,60,108,.035)} .source-bridge-copy{min-width:0}.source-bridge-copy b{display:block;font-size:11px}.source-bridge-copy span{display:block;margin-top:3px;color:#918995;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.source-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 12px;border:1px solid #e8e2ee;border-radius:999px;background:#fff;color:#5d5665;text-decoration:none;font-size:10px;font-weight:900;white-space:nowrap;transition:.15s}.source-link:hover{transform:translateY(-1px);border-color:#d8caef;background:#faf7ff}.source-link.naver{color:#03c75a;background:#f6fff9}.source-link.danawa{color:#4c64c8;background:#f8f9ff}.source-link.st11{color:#f04d3e;background:#fff9f8}.source-link.gmarket{color:#159a59;background:#f8fffb}.source-link.coupang{color:#df493d;background:#fff8f7}.source-link .source-name{transform:translateY(-.3px)}.seller-favicon,.source-favicon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto}.seller-favicon svg,.source-favicon svg{display:block;width:18px;height:18px}.source-live{display:inline-flex;align-items:center;gap:5px;margin-left:5px;color:#5aa57d;font-size:8px;font-weight:900}.source-live:before{content:"";width:5px;height:5px;border-radius:50%;background:#70d5a0}.offer-auto-note{font-size:9px;color:#8e8694;margin-top:4px} @media(max-width:760px){.source-bridge{align-items:flex-start;flex-direction:column}.source-links{justify-content:flex-start;width:100%}.source-link{flex:1;min-width:74px}.source-bridge-copy span{white-space:normal}} /* v2.13 / V11 — real-use UX: search, share, quick alerts, mobile actions */ .discovery{position:relative;margin:2px 0 16px}.search-shell{display:flex;align-items:center;gap:10px;padding:11px 12px 11px 15px;background:#fff;border:1px solid #e8e2f0;border-radius:18px;box-shadow:0 8px 22px rgba(91,72,124,.05);transition:.16s}.search-shell:focus-within{border-color:#cdbcf0;box-shadow:0 11px 28px rgba(107,83,151,.10)}.search-ico{font-size:16px;color:#6e6580;line-height:1}.search-input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:#29242f}.search-input::placeholder{color:#a59fab}.search-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:64px;height:32px;font-size:11px;font-weight:900;color:#7a7188;border:1px solid #eee8f3;background:#faf8fc;border-radius:999px;padding:0 11px;white-space:nowrap;flex:0 0 auto}.search-results{display:none;position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:40;background:#fff;border:1px solid #e8e1f0;border-radius:18px;box-shadow:0 22px 48px rgba(61,45,86,.15);padding:7px;max-height:360px;overflow:auto}.search-results.show{display:block}.search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;border-radius:13px;padding:10px 11px;text-align:left;cursor:pointer}.search-result:hover,.search-result.active{background:#faf6ff}.search-result-main{min-width:0;display:flex;align-items:center;gap:10px}.search-result-copy{min-width:0}.search-result-copy b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-copy small{display:block;color:#8a8391;font-size:10px;margin-top:3px}.search-result-price{flex:0 0 auto;text-align:right;font-size:11px;font-weight:950}.search-result-price small{display:block;font-size:8px;color:#99919e;font-weight:750;margin-top:2px}.search-empty{padding:20px;text-align:center;color:#8d8693;font-size:12px} .detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-bottom:8px}.mini-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e8e2ef;background:#fff;color:#625a6a;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;cursor:pointer;transition:.15s}.mini-action:hover{background:#f8f4ff;border-color:#dacdf1;transform:translateY(-1px)}.detail-side{display:flex;flex-direction:column;align-items:flex-end}.slot-chooser{display:none;position:absolute;right:18px;top:56px;z-index:25;width:220px;background:#fff;border:1px solid #e8e1ef;border-radius:16px;padding:9px;box-shadow:0 16px 40px rgba(70,50,95,.16)}.slot-chooser.show{display:block}.slot-chooser b{display:block;font-size:11px;margin:2px 4px 7px}.slot-choice{width:100%;border:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border-radius:11px;cursor:pointer;text-align:left;font-size:10px}.slot-choice:hover{background:#f9f5ff}.slot-choice em{font-style:normal;color:#9a93a0;font-size:9px} .quick-targets{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.quick-target{border:1px solid #e8e1ef;background:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;color:#6c6375;cursor:pointer}.quick-target:hover{background:#f7f2ff;border-color:#d9cdf0}.quick-target.ai{color:#7456bd;background:#f8f4ff;border-color:#e1d6f7} .fresh-dot{display:inline-flex;align-items:center;gap:5px}.fresh-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#72d3a0}.fresh-dot.stale:before{background:#efad6a}.fresh-dot.missing:before{background:#b7b1bc} .mobile-actions{display:none}.sticky-spacer{display:none} .offer-filter{cursor:pointer}.offer-filter.active{box-shadow:0 3px 8px rgba(109,83,151,.07)} @media(max-width:760px){ .topin{height:58px}.brand small{display:none}.fresh{font-size:10px}.wrap{padding-left:14px;padding-right:14px;padding-bottom:126px}.hero{padding-top:24px}.hero h1{font-size:32px}.hero-inner{grid-template-columns:1fr}.hero-art.hero-brief{min-height:205px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-top{flex-direction:column}.detail-side{width:100%;align-items:flex-start}.detail-actions{width:100%;justify-content:flex-start}.signal{text-align:left;min-width:0}.stats{grid-template-columns:1fr 1fr}.offer-row{grid-template-columns:minmax(0,1fr) 112px 34px}.offer-meta{gap:4px}.meta-pill{font-size:8.5px;padding:4px 6px}.seller-logo{min-width:auto}.search-shortcut{display:none}.market-actions{gap:6px}.card-change{width:44px;height:28px;font-size:10px}.fresh-badge{display:none} .mobile-actions{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:12px;right:12px;bottom:12px;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid #e7e0ee;border-radius:19px;padding:7px;box-shadow:0 18px 48px rgba(55,40,76,.20)}.mobile-action{border:0;background:transparent;border-radius:13px;padding:8px 5px;color:#5e5667;font-size:9px;font-weight:900;display:grid;gap:3px;place-items:center}.mobile-action i{font-style:normal;font-size:17px}.mobile-action.primary{background:#7559d8;color:#fff}.sticky-spacer{display:block;height:70px} } @media(max-width:430px){.market-card{padding:13px}.market-icon{width:36px;height:36px}.price{font-size:21px}.market-name{font-size:14px}.stats{grid-template-columns:1fr}.search-shell{border-radius:15px}.search-results{border-radius:15px}.detail h2{font-size:21px}} /* V13 — return-use navigation + recent views */ .utility-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 14px;padding:10px 12px;border:1px solid #ebe5f2;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 7px 18px rgba(90,72,119,.04)} .utility-nav{display:flex;gap:7px;flex-wrap:wrap}.utility-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #e9e3ef;background:#fff;color:#625b6c;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900;cursor:pointer;transition:.14s;white-space:nowrap}.utility-btn:hover{background:#f8f4ff;border-color:#d9cdf0;transform:translateY(-1px)}.utility-btn.primary{background:#302b35;color:#fff;border-color:#302b35}.utility-hint{font-size:10px;color:#968f9b;white-space:nowrap} .recent-panel{display:none;margin:0 0 14px;padding:13px 15px;border:1px solid #ece6f3;border-radius:18px;background:linear-gradient(180deg,#fff,#fefcff)}.recent-panel.show{display:block}.recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.recent-head b{font-size:12px}.recent-head span{font-size:9px;color:#9a929f}.recent-list{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.recent-chip{display:inline-flex;align-items:center;gap:7px;min-width:max-content;border:1px solid #e9e3ef;background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850;color:#625a6a;cursor:pointer;transition:.14s}.recent-chip:hover{background:#f8f4ff;border-color:#d8caef}.recent-chip.current{background:#302b35;color:#fff;border-color:#302b35}.recent-chip .recent-price{font-weight:950;color:#4e4760}.recent-chip.current .recent-price{color:#fff} .section-anchor{scroll-margin-top:80px} @media(max-width:760px){.utility-row{align-items:flex-start;flex-direction:column}.utility-hint{display:none}.utility-nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.utility-btn{justify-content:center;padding:8px 5px;font-size:9px}.recent-panel{padding:12px}.recent-chip{font-size:9px}} /* V23 — production data coverage and freshness */ .offer-badge.live{background:#f1fbf6;border-color:#d8f0e2;color:#4a8b68}.offer-badge.stale{background:#fff7ef;border-color:#f1dfc9;color:#a87139}.offer-badge.empty{background:#f7f6f9;border-color:#ece8ef;color:#8f8994} .offer-auto-note{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.offer-auto-note .health-dot{width:6px;height:6px;border-radius:50%;background:#68ce97}.offer-auto-note.stale .health-dot{background:#e7a35c}.offer-auto-note.empty .health-dot{background:#aaa4af} /* V31 trust-first offer policy */ .official-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#eef9ff;border:1px solid #cfe7f8;color:#2569a9;font-size:9px;font-weight:950;white-space:nowrap}.official-badge:before{content:"✓";display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#276bc0;color:#fff;font-size:8px}.trust-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#eefbf5;border:1px solid #d7efe2;color:#3e8f68;font-size:9px;font-weight:900}.reference-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#f7f5f9;border:1px solid #ebe7ef;color:#8e8793;font-size:9px;font-weight:850}.representative-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#fff7e9;border:1px solid #f3dfb8;color:#9a6a22;font-size:9px;font-weight:950;white-space:nowrap}.rank-note{display:inline-flex;align-items:center;gap:4px;color:#7f7588;font-size:10px;font-weight:800}.rank-note:before{content:"↗";font-size:9px;color:#9a7b35}.meta-pill.conditional{background:#fff8eb;border-color:#f2dfba;color:#a56b19}.offer-price .price-basis{margin-top:4px;font-size:9px;color:#8d8594;font-weight:800}.offer-row.reference-only{opacity:.72;background:#fcfbfd}.offer-row.reference-only .offer-price strong{color:#8a8390!important}.offer-row.reference-only.clickable{cursor:default}.offer-policy{margin:0 22px 10px;padding:10px 12px;border-radius:13px;background:#faf8ff;border:1px solid #ece6f5;color:#746c7d;font-size:10px;line-height:1.55}.offer-policy b{color:#3b3541}.offer-filter[data-mode="reference"]{color:#8c8492}.mini-badge{background:#eefbf5;color:#3d9870}.seller-line .mini-badge.lowest{background:#f2efff;color:#6d58ae;border-color:#e3daf5}.seller-line .mini-badge.official-first{background:#eef9ff;color:#276aa7;border-color:#d4e9f8} /* V35 — REPRESENTATIVE COUPANG PICK + REAL WEB LOGOS Coupang auto-match no longer means lowest price. It uses Coupang rank + market-price proximity, and stays unverified until detail-page price is confirmed. V34 — REAL WEB LOGOS ONLY Seller/marketplace marks are loaded from public official brand assets on the web. Manufacturer badges use official public artwork where practical, then the brand site's real favicon as network fallback. No hand-drawn / AI-invented marketplace or manufacturer logo is rendered. */ .web-logo{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex:0 0 auto;background:transparent} .web-logo img{display:block;max-width:none;border:0;box-shadow:none;background:transparent} .seller-logo{box-sizing:border-box;height:32px;padding:0 6px;background:#fff!important;border:1px solid #ece8ef!important;border-radius:10px;overflow:hidden;box-shadow:none} .seller-logo .seller-favicon{width:100%;height:100%} .seller-logo.coupang{width:70px;min-width:70px}.seller-logo.coupang .logo-coupang img{position:absolute;width:220%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)} .seller-logo.st11{width:52px;min-width:52px;padding:0}.seller-logo.st11 .logo-st11 img{position:absolute;width:200%;height:auto;left:0;top:0} .seller-logo.gmarket{width:40px;min-width:40px;padding:0}.seller-logo.gmarket .logo-gmarket img{width:24px;height:24px;object-fit:contain} .seller-logo.comoasis,.seller-logo.apple,.seller-logo.naver,.seller-logo.danawa,.seller-logo.auction,.seller-logo.ssg,.seller-logo.lotteon,.seller-logo.shinsegae,.seller-logo.emart,.seller-logo.himart,.seller-logo.homeShopping,.seller-logo.thehyundai,.seller-logo.generic{width:40px;min-width:40px;padding:0}.seller-logo.comoasis img,.seller-logo.apple img,.seller-logo.naver img,.seller-logo.danawa img,.seller-logo.auction img,.seller-logo.ssg img,.seller-logo.lotteon img,.seller-logo.shinsegae img,.seller-logo.emart img,.seller-logo.himart img,.seller-logo.homeShopping img,.seller-logo.thehyundai img,.seller-logo.generic img{width:22px;height:22px;object-fit:contain} .source-favicon.web-logo{width:18px;height:18px;overflow:hidden;border-radius:5px;background:#fff} .source-favicon.logo-coupang{width:29px;height:18px}.source-favicon.logo-coupang img{position:absolute;width:220%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)} .source-favicon.logo-st11{width:24px;height:18px}.source-favicon.logo-st11 img{position:absolute;width:200%;height:auto;left:0;top:0} .source-favicon.logo-gmarket img,.source-favicon.logo-naver img,.source-favicon.logo-danawa img,.source-favicon.logo-apple img,.source-favicon.logo-comoasis img{width:18px;height:18px;object-fit:contain} .brand-mark{box-sizing:border-box;height:26px;min-width:28px;width:28px;padding:0!important;border:1px solid #ebe8ee!important;background:#fff!important;border-radius:8px;overflow:hidden;color:transparent!important;display:inline-flex;align-items:center;justify-content:center} .brand-mark .brand-web-logo{width:100%;height:100%}.brand-mark .brand-web-logo img{width:20px;height:20px;object-fit:contain} .brand-mark.samsung{width:72px;min-width:72px}.brand-mark.samsung .logo-samsung img{position:absolute;width:165%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)} .brand-mark.skhynix{width:72px;min-width:72px;max-width:72px}.brand-mark.skhynix .logo-skhynix img{position:absolute;width:118%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)} .brand-mark.teamgroup{width:78px;min-width:78px}.brand-mark.teamgroup .logo-teamgroup img{position:absolute;width:200%;height:auto;left:0;top:0} .brand-mark.crucial,.brand-mark.kingston,.brand-mark.gskill,.brand-mark.kioxia,.brand-mark.wd,.brand-mark.sandisk,.brand-mark.nvidia,.brand-mark.amd,.brand-mark.apple,.brand-mark.intel{width:30px;min-width:30px} @media(max-width:520px){.seller-logo{height:28px}.seller-logo.coupang{width:62px;min-width:62px}.seller-logo.st11{width:46px;min-width:46px}.seller-logo.gmarket,.seller-logo.comoasis,.seller-logo.apple,.seller-logo.naver,.seller-logo.danawa,.seller-logo.auction,.seller-logo.ssg,.seller-logo.lotteon,.seller-logo.shinsegae,.seller-logo.emart,.seller-logo.himart,.seller-logo.homeShopping,.seller-logo.thehyundai,.seller-logo.generic{width:34px;min-width:34px}.brand-mark.samsung{width:64px;min-width:64px}.brand-mark.skhynix{width:64px;min-width:64px;max-width:64px}.brand-mark.teamgroup{width:68px;min-width:68px}} /* V37 — BALANCED LOGO FIT: keep the official asset, but size the visible mark for the badge instead of shrinking the whole source canvas. */ .web-logo{box-sizing:border-box;max-width:100%;max-height:100%;overflow:hidden!important} .web-logo img{display:block;border:0;box-shadow:none;background:transparent;object-position:center} .seller-logo{padding:3px 5px!important;overflow:hidden!important} .seller-logo .seller-favicon{width:100%!important;height:100%!important;padding:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important} .seller-logo .logo-text-fallback,.source-favicon .logo-text-fallback,.brand-web-logo .logo-text-fallback{display:inline-flex;align-items:center;justify-content:center;max-width:100%;height:100%;padding:0 4px;font-size:10px;line-height:1;font-weight:900;color:#4b4454;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .seller-logo.himart,.seller-logo.thehyundai,.seller-logo.homeShopping,.seller-logo.ssg,.seller-logo.lotteon,.seller-logo.shinsegae,.seller-logo.emart{width:70px!important;min-width:70px!important;padding:0 6px!important} .seller-logo.himart img,.seller-logo.thehyundai img,.seller-logo.homeShopping img,.seller-logo.ssg img,.seller-logo.lotteon img,.seller-logo.shinsegae img,.seller-logo.emart img{width:auto!important;height:auto!important;max-width:100%!important;max-height:16px!important;object-fit:contain!important;margin:auto!important} .source-favicon.logo-himart,.source-favicon.logo-thehyundai,.source-favicon.logo-home-shopping,.source-favicon.logo-ssg,.source-favicon.logo-lotteon,.source-favicon.logo-shinsegae,.source-favicon.logo-emart{width:34px!important;height:18px!important;border-radius:0!important;overflow:visible!important} .source-favicon.logo-himart img,.source-favicon.logo-thehyundai img,.source-favicon.logo-home-shopping img,.source-favicon.logo-ssg img,.source-favicon.logo-lotteon img,.source-favicon.logo-shinsegae img,.source-favicon.logo-emart img{width:auto!important;height:auto!important;max-width:100%!important;max-height:12px!important;object-fit:contain!important} @media(max-width:520px){.seller-logo.himart,.seller-logo.thehyundai,.seller-logo.homeShopping,.seller-logo.ssg,.seller-logo.lotteon,.seller-logo.shinsegae,.seller-logo.emart{width:60px!important;min-width:60px!important}.seller-logo.himart img,.seller-logo.thehyundai img,.seller-logo.homeShopping img,.seller-logo.ssg img,.seller-logo.lotteon img,.seller-logo.shinsegae img,.seller-logo.emart img{max-height:14px!important}} .seller-logo.coupang .logo-coupang img{position:static!important;transform:none!important;width:auto!important;height:auto!important;max-width:96%!important;max-height:88%!important;object-fit:contain!important;margin:auto!important} .seller-logo.st11 .logo-st11 img{position:static!important;transform:none!important;width:auto!important;height:auto!important;max-width:94%!important;max-height:86%!important;object-fit:contain!important;margin:auto!important} .seller-logo.gmarket .logo-gmarket img,.seller-logo.comoasis img,.seller-logo.apple img,.seller-logo.naver img,.seller-logo.danawa img,.seller-logo.generic img{position:static!important;transform:none!important;width:auto!important;height:auto!important;max-width:88%!important;max-height:82%!important;object-fit:contain!important;margin:auto!important} .brand-mark{padding:2px 5px!important;overflow:hidden!important} .brand-mark .brand-web-logo{width:100%!important;height:100%!important;padding:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important} .brand-mark .brand-web-logo img{position:static!important;transform:none!important;width:auto!important;height:auto!important;max-width:88%!important;max-height:78%!important;object-fit:contain!important;object-position:center!important;margin:auto!important} /* Samsung's official 720x600 image contains a large clear-space canvas. Scale that canvas inside the existing badge so the LETTERMARK is readable, while the badge still clips only whitespace. */ .brand-mark.samsung{padding:0!important} .brand-mark.samsung .brand-web-logo{overflow:hidden!important} .brand-mark.samsung .logo-samsung img{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(2.35)!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important} .brand-mark.skhynix .logo-skhynix img{max-width:92%!important;max-height:82%!important} .brand-mark.teamgroup .logo-teamgroup img{max-width:94%!important;max-height:82%!important} .source-favicon.web-logo{padding:1px!important}.source-favicon.web-logo img{max-width:92%!important;max-height:88%!important;object-fit:contain!important} /* V38 — browser Web Push price alerts */ .alert-btn.push-connected{background:#2f9b6d;box-shadow:0 8px 18px rgba(47,155,109,.16)} .alert-btn.push-denied{background:#fff5f4;color:#bb5d54;border:1px solid #f0d7d3;box-shadow:none} .alert-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none} .push-note{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:9px;font-weight:850;color:#8b8391} .push-note.ok{color:#398963}.push-note.warn{color:#ad7042} /* V42 — 11st/Coupang icon fit + SSD ready-state */ .seller-logo.coupang,.seller-logo.st11{width:38px!important;min-width:38px!important;padding:0!important;justify-content:center!important} .seller-logo.coupang .logo-coupang img,.seller-logo.st11 .logo-st11 img{position:static!important;transform:none!important;width:auto!important;height:auto!important;max-width:82%!important;max-height:82%!important;object-fit:contain!important;margin:auto!important} .source-favicon.logo-coupang,.source-favicon.logo-st11{width:18px!important;height:18px!important;padding:1px!important} .source-favicon.logo-coupang img,.source-favicon.logo-st11 img{position:static!important;transform:none!important;width:auto!important;height:auto!important;max-width:86%!important;max-height:86%!important;object-fit:contain!important;margin:auto!important} @media(max-width:520px){.seller-logo.coupang,.seller-logo.st11{width:34px!important;min-width:34px!important}} /* V44 — beginner-friendly watch dashboard */ .watch-dashboard{margin:16px 0 18px;border:1px solid #e9e2f2;background:linear-gradient(145deg,#fff 0%,#fdfaff 60%,#f7fbff 100%);border-radius:24px;padding:18px 20px;box-shadow:0 10px 25px rgba(86,69,116,.055)} .watch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.watch-head h3{margin:0;font-size:19px;letter-spacing:-.55px}.watch-head p{margin:5px 0 0;color:#817988;font-size:11px;line-height:1.55}.watch-count{flex:0 0 auto;font-size:10px;font-weight:900;background:#f4efff;color:#705cad;border:1px solid #e4d9f7;border-radius:999px;padding:7px 10px} .watch-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.watch-summary-card{border:1px solid #eee8f4;background:rgba(255,255,255,.86);border-radius:15px;padding:11px 12px}.watch-summary-card small{display:block;color:#928a99;font-size:9px;font-weight:850}.watch-summary-card b{display:block;margin-top:4px;font-size:16px}.watch-summary-card.good b{color:#348b66}.watch-summary-card.move b{color:#6d58b8} .watch-list{display:grid;gap:8px;margin-top:12px}.watch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid #ede7f3;border-radius:17px;padding:12px 13px}.watch-main{min-width:0}.watch-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:950;min-width:0}.watch-title span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-sub{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.watch-pill{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;border:1px solid #ece6f2;background:#faf8fc;color:#766e7d;font-size:9px;font-weight:850}.watch-pill.good{background:#f0fbf5;border-color:#d9efe2;color:#3b8e67}.watch-pill.down{background:#f0faff;border-color:#d8edf5;color:#42899a}.watch-pill.up{background:#fff5f7;border-color:#f1dce1;color:#be6679}.watch-price{text-align:right}.watch-price b{display:block;font-size:15px}.watch-price small{display:block;margin-top:3px;color:#8e8793;font-size:8.5px}.watch-actions{display:flex;gap:5px;justify-content:flex-end;margin-top:7px}.watch-action{border:1px solid #e8e1ef;background:#fff;color:#655c6f;border-radius:999px;padding:5px 7px;font-size:8.5px;font-weight:900;cursor:pointer}.watch-action:hover{background:#f7f2ff}.watch-empty{margin-top:12px;padding:18px;border:1px dashed #ddd4e8;border-radius:16px;text-align:center;color:#817a88;font-size:11px;line-height:1.6}.watch-empty b{display:block;color:#4c4652;font-size:13px;margin-bottom:3px}.watch-save.active{background:#f2efff;border-color:#d9cdf1;color:#6e58ae} @media(max-width:700px){.watch-summary{grid-template-columns:1fr 1fr 1fr}.watch-dashboard{padding:15px}.watch-row{grid-template-columns:1fr}.watch-price{text-align:left;display:flex;align-items:center;gap:8px}.watch-price small{margin:0}.watch-actions{justify-content:flex-start}} @media(max-width:480px){.watch-summary{grid-template-columns:1fr}.watch-head{flex-direction:column}.watch-count{align-self:flex-start}} /* V45 — beginner suite: compatibility, easy guides, use/budget recommender, build total alert, safe-purchase helper */ .helper-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.helper-btn{border:1px solid #e7e0ef;background:linear-gradient(180deg,#fff,#fcfaff);border-radius:16px;padding:12px 13px;text-align:left;cursor:pointer;color:#4c4554;box-shadow:0 5px 14px rgba(80,62,105,.035)}.helper-btn b{display:block;font-size:12px}.helper-btn span{display:block;margin-top:3px;font-size:9px;color:#8d8594}.helper-btn:hover{border-color:#d7c9ed;background:#faf6ff} .market-guide-hint{margin-top:7px;font-size:8.5px;color:#8d829a;font-weight:850}.market-card:hover .market-guide-hint{color:#6f59b2} .feature-modal{display:none;position:fixed;inset:0;z-index:120;background:rgba(34,28,42,.42);backdrop-filter:blur(9px);align-items:center;justify-content:center;padding:18px}.feature-modal.show{display:flex}.feature-sheet{width:min(920px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid #ece5f3;border-radius:28px;box-shadow:0 30px 90px rgba(42,32,55,.25)}.feature-top{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eee8f3}.feature-kicker{font-size:9px;font-weight:950;color:#7b65b1;letter-spacing:.8px}.feature-top h3{margin:4px 0 0;font-size:22px;letter-spacing:-.75px}.feature-close{border:0;background:#f6f2fa;width:36px;height:36px;border-radius:50%;cursor:pointer}.feature-body{padding:18px 20px 24px}.feature-lead{font-size:13px;color:#716978;line-height:1.7}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.feature-card{border:1px solid #ece6f2;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#fdfbff)}.feature-card h4{margin:0 0 7px;font-size:13px}.feature-card p{margin:0;color:#777080;font-size:11px;line-height:1.65}.feature-card strong{color:#302a35}.feature-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.feature-action{border:1px solid #ded5eb;background:#fff;color:#5d526a;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:950;cursor:pointer}.feature-action.primary{background:#7158d4;color:#fff;border-color:#7158d4}.feature-action.good{background:#eefaf4;color:#347b5d;border-color:#d5ecdf}.feature-action:hover{transform:translateY(-1px)} .guide-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:15px;align-items:center;border:1px solid #e9e2f2;border-radius:22px;padding:16px;background:linear-gradient(145deg,#faf7ff,#fff 58%,#f5fbff)}.guide-visual{min-height:230px;border-radius:18px;background:#fff;border:1px solid #eee8f3;display:grid;place-items:center;padding:10px}.guide-visual svg{max-width:100%;height:auto}.guide-copy h3{font-size:23px;margin:0;letter-spacing:-.8px}.guide-copy p{font-size:12px;line-height:1.7;color:#736c78}.guide-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f2edff;color:#6f58ae;font-size:9px;font-weight:950;margin-bottom:8px}.guide-section{margin-top:15px}.guide-section h4{font-size:15px;margin:0 0 9px}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.use-card{border:1px solid #ece6f1;border-radius:15px;padding:11px;background:#fff}.use-card b{font-size:11px}.use-card span{display:block;color:#817987;font-size:9px;line-height:1.5;margin-top:4px}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.install-step{border:1px solid #ece6f1;border-radius:14px;padding:11px;background:#fbf9fd;font-size:10px;line-height:1.55;color:#6d6672}.install-step b{display:block;color:#3b3541;margin-bottom:3px}.price-story{border:1px solid #e4ece7;background:#f7fcf9;border-radius:16px;padding:12px 13px;color:#4f6659;font-size:11px;line-height:1.65}.news-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.news-link{display:inline-flex;text-decoration:none;border:1px solid #e8e2ee;border-radius:999px;padding:7px 10px;background:#fff;color:#625b68;font-size:9px;font-weight:900}.apple-compare{width:100%;border-collapse:separate;border-spacing:0 6px}.apple-compare th{font-size:9px;color:#8b8391;text-align:left;padding:0 8px}.apple-compare td{font-size:10px;padding:10px 8px;background:#faf8fc}.apple-compare td:first-child{border-radius:12px 0 0 12px;font-weight:950}.apple-compare td:last-child{border-radius:0 12px 12px 0}.guide-pulse{animation:guidePulse 1.8s ease-in-out infinite}@keyframes guidePulse{0%,100%{opacity:.7}50%{opacity:1}} .compat-inputs{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin:12px 0}.compat-input,.reco-select,.bundle-target{border:1px solid #ddd5e8;border-radius:13px;padding:10px 11px;background:#fff;font:inherit;font-size:11px;outline:none}.compat-input:focus,.reco-select:focus,.bundle-target:focus{border-color:#baa7e5;box-shadow:0 0 0 3px rgba(117,88,212,.08)}.compat-question{width:100%;min-height:78px;resize:vertical}.compat-results{display:grid;gap:8px;margin-top:12px}.compat-result{border-radius:15px;padding:12px 13px;border:1px solid #e8e2ee;background:#faf9fc}.compat-result b{display:block;font-size:12px}.compat-result p{margin:4px 0 0;font-size:10px;line-height:1.6;color:#6f6875}.compat-result.good{background:#f2fbf6;border-color:#d6ecdf}.compat-result.warn{background:#fff9ee;border-color:#f0e0bf}.compat-result.bad{background:#fff3f4;border-color:#f0d4d8}.compat-status{font-size:17px;font-weight:950;margin-top:8px}.compat-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.compat-chip{font-size:9px;padding:5px 7px;border-radius:999px;background:#f4f0fa;border:1px solid #e7dff0;color:#645d6a} .reco-choices{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.reco-choice{border:1px solid #e5deeb;background:#fff;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer}.reco-choice.active{background:#302a35;color:#fff;border-color:#302a35}.reco-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reco-result{margin-top:12px}.reco-part{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid #eee9f2;padding:10px 0}.reco-part:first-child{border-top:0}.reco-part small{font-size:9px;color:#8c8491}.reco-part b{font-size:11px}.reco-part .rprice{font-size:11px;font-weight:950}.overkill{margin-top:10px;border-radius:14px;padding:11px 12px;background:#fff7ee;border:1px solid #f2dfc8;color:#936630;font-size:10px;line-height:1.6} .build-dashboard{margin:16px 0 18px;border:1px solid #e5e0ec;border-radius:24px;background:linear-gradient(145deg,#fff,#fbf9ff);padding:18px 20px}.build-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.build-head h3{font-size:18px;margin:0}.build-head p{font-size:10px;color:#8b8390;line-height:1.55;margin:4px 0 0}.build-total{text-align:right}.build-total small{display:block;font-size:8.5px;color:#8e8794}.build-total b{display:block;font-size:20px;margin-top:3px}.build-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.build-part{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border:1px solid #ece6f1;border-radius:15px;padding:11px;background:#fff}.build-part b{font-size:10.5px}.build-part small{display:block;font-size:8.5px;color:#89818d;margin-top:3px}.build-part .bp-price{font-size:11px;font-weight:950;text-align:right}.build-part button{margin-top:5px;border:0;background:#f6f2fa;border-radius:999px;padding:4px 7px;font-size:8px;cursor:pointer}.bundle-alert{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px dashed #e8e1ee;padding-top:12px}.bundle-copy b{font-size:12px}.bundle-copy span{display:block;margin-top:3px;color:#8b8390;font-size:9px}.bundle-controls{display:flex;gap:6px;align-items:center}.bundle-target{width:140px}.bundle-save{border:0;background:#7158d4;color:#fff;border-radius:12px;padding:10px 12px;font-size:10px;font-weight:950;cursor:pointer}.build-empty{padding:14px;border:1px dashed #ddd5e7;border-radius:14px;text-align:center;color:#827a89;font-size:10px;margin-top:12px} .safety-line{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.safety-badge{font-size:8.5px;font-weight:900;padding:4px 6px;border-radius:999px;border:1px solid #e7e1eb;background:#faf9fb;color:#756d7a}.safety-badge.good{background:#effaf4;border-color:#d6ecdf;color:#398260}.safety-badge.warn{background:#fff8ed;border-color:#f0dfbd;color:#97662e}.safety-badge.bad{background:#fff1f3;border-color:#efd4d9;color:#b15163}.safety-why{border:0;background:transparent;color:#7a68a7;font-size:8.5px;font-weight:900;padding:3px 2px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.offer-row.safety-risk{background:#fffdfb} @media(max-width:760px){.helper-strip{grid-template-columns:1fr}.guide-hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.use-grid{grid-template-columns:1fr 1fr}.install-steps{grid-template-columns:1fr}.compat-inputs,.reco-controls{grid-template-columns:1fr}.build-list{grid-template-columns:1fr}.bundle-alert{grid-template-columns:1fr}.bundle-controls{align-items:stretch;flex-direction:column}.bundle-target{width:100%}.feature-sheet{border-radius:24px 24px 0 0;max-height:94vh}.feature-modal{align-items:flex-end;padding:0}} /* V48 — card click zones: top = easy guide, bottom = price/sellers */ .market-card{cursor:default!important} .market-guide-zone,.market-price-zone{position:relative;border-radius:16px;transition:.16s;cursor:pointer} .market-guide-zone{margin:-5px -5px 0;padding:5px} .market-price-zone{margin:7px -5px -5px;padding:7px 5px 5px;display:flex;flex:1;min-height:0;flex-direction:column} .market-guide-zone:hover{background:#fff9f2;box-shadow:inset 0 0 0 1px #f3d7b5} .market-price-zone:hover{background:#f5f9ff;box-shadow:inset 0 0 0 1px #d6e5f8} .market-zone-tip{font-size:8.5px;font-weight:850;margin-top:6px;color:#968d9b} .market-guide-zone .market-zone-tip{color:#a27645}.market-price-zone .market-zone-tip{color:#6383a9} .market-price-zone .spark,.market-price-zone .pending-spark{margin-top:auto} @media(max-width:520px){.market-guide-zone,.market-price-zone{border-radius:13px}.market-zone-tip{font-size:8px}} /* V50 — simple PC quote: core parts + estimated supporting-parts budget */ .build-dashboard.v50-build{padding:20px} .build-head-v50{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start} .build-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.build-title-row h3{margin:0;font-size:19px}.build-beta{font-size:8.5px;font-weight:950;color:#7964b1;background:#f4efff;border:1px solid #e5daf7;border-radius:999px;padding:5px 7px} .build-head-v50 p{margin:5px 0 0;font-size:10px;line-height:1.6;color:#817a88}.build-totals{display:grid;grid-template-columns:auto auto;gap:14px;text-align:right}.build-money small{display:block;color:#948c99;font-size:8.5px}.build-money b{display:block;margin-top:3px;font-size:18px}.build-money.complete b{color:#6e58c9;font-size:21px} .build-progress{margin-top:13px;border:1px solid #ece6f2;background:#fff;border-radius:17px;padding:12px 13px}.build-progress-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.build-progress-top b{font-size:11px}.build-progress-top span{font-size:9px;color:#837b89}.build-progress-bar{height:7px;background:#f0ecf4;border-radius:999px;margin-top:8px;overflow:hidden}.build-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#7660d7,#5fb998);border-radius:999px;transition:width .25s}.build-checks{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.build-check{font-size:8.5px;font-weight:850;color:#8a8290;background:#faf8fc;border:1px solid #ece7f1;border-radius:999px;padding:5px 7px}.build-check.on{color:#377f60;background:#f0faf5;border-color:#d8ece0}.build-check.estimated{color:#9a6b35;background:#fff8ef;border-color:#f1dfc7} .build-picker{margin-top:12px}.build-picker h4,.support-budget h4{margin:0 0 8px;font-size:12px}.build-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.build-pick{display:grid;gap:5px;border:1px solid #ebe5f0;border-radius:14px;background:#fff;padding:9px}.build-pick label{font-size:9px;font-weight:950;color:#625a68}.build-pick select{width:100%;min-width:0;border:1px solid #e1dae8;border-radius:10px;padding:8px 7px;background:#fbfafd;font:inherit;font-size:9px;color:#4b4451;outline:none}.build-pick select:focus{border-color:#b7a5df;box-shadow:0 0 0 3px rgba(113,88,212,.07)} .build-pick-extra{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;margin-top:2px;padding-top:7px;border-top:1px dashed #eee8f3} .build-pick-extra>span{font-size:8.5px;font-weight:900;color:#786f81;white-space:nowrap} .build-pick-extra select{padding:7px 6px;background:#f8f5fc} .build-ram-summary{grid-column:1/-1;font-size:8px;color:#8b8295;line-height:1.45} .build-part-v50 .qty-note{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;background:#f0ebff;color:#6d57b0;font-size:8px;font-weight:900} .build-list-v50{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.build-part-v50{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #ece6f1;border-radius:15px;background:#fff;padding:11px 12px}.build-part-v50 b{font-size:10.5px}.build-part-v50 small{display:block;margin-top:3px;font-size:8.5px;color:#8d8592}.build-part-v50 strong{font-size:11px}.build-part-v50 button{display:block;margin:5px 0 0 auto;border:0;border-radius:999px;background:#f5f1f8;padding:4px 7px;font-size:8px;cursor:pointer} .support-budget{margin-top:13px;border-top:1px dashed #e5deeb;padding-top:13px}.support-budget p{margin:0 0 9px;color:#827a87;font-size:9.5px;line-height:1.6}.budget-choices{display:flex;gap:6px;flex-wrap:wrap}.budget-choice{border:1px solid #e2dbe9;background:#fff;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer;color:#625968}.budget-choice.active{background:#302a35;color:#fff;border-color:#302a35}.budget-manual{display:inline-flex;align-items:center;gap:5px}.budget-manual input{width:105px;border:1px solid #ded6e6;border-radius:999px;padding:8px 9px;font-size:9px;outline:none}.budget-note{margin-top:9px;border:1px solid #f0dfc7;background:#fff9f0;color:#8f6838;border-radius:13px;padding:9px 10px;font-size:9px;line-height:1.55}.build-warning{margin-top:10px;border:1px solid #e6e0eb;background:#faf8fc;color:#766e7b;border-radius:13px;padding:9px 10px;font-size:9px;line-height:1.55}.build-warning b{color:#4e4655} .bundle-alert.v50-bundle{margin-top:13px}.bundle-copy .bundle-estimate-note{display:block;color:#9a6f3d;margin-top:4px;font-size:8.5px} @media(max-width:900px){.build-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-head-v50{grid-template-columns:1fr}.build-totals{text-align:left;justify-content:start}.build-list-v50{grid-template-columns:1fr}} @media(max-width:520px){.build-picker-grid{grid-template-columns:1fr}.build-totals{grid-template-columns:1fr 1fr}.build-dashboard.v50-build{padding:15px}} /* V50.4 — official NAVER wordmark, readable without fake icon rendering */ .seller-logo.naver{width:72px!important;min-width:72px!important;padding:0 8px!important} .seller-logo.naver .logo-naver img{position:static!important;transform:none!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:15px!important;object-fit:contain!important;margin:auto!important} .source-favicon.logo-naver{width:44px!important;height:18px!important;border-radius:0!important;overflow:visible!important} .source-favicon.logo-naver img{width:auto!important;height:auto!important;max-width:100%!important;max-height:12px!important;object-fit:contain!important} @media(max-width:520px){.seller-logo.naver{width:62px!important;min-width:62px!important}.seller-logo.naver .logo-naver img{max-height:13px!important}} /* V51 reliability / beginner safety */ .smart-alerts{margin-top:10px;padding-top:10px;border-top:1px dashed #e8e1ef;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.smart-alerts-label{font-size:10px;font-weight:900;color:#6c6473;margin-right:2px}.smart-alert{border:1px solid #e6deed;background:#fff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;color:#746c7c;cursor:pointer}.smart-alert.active{border-color:#cdbef5;background:#f4efff;color:#6650cc}.smart-alert-note{font-size:8px;color:#9a92a2;width:100%;margin-top:1px}.build-compat-auto{margin-top:12px;border:1px solid #e7e2ed;border-radius:15px;padding:12px 14px;background:#fcfbff;font-size:10px;color:#625a68}.build-compat-auto b{display:block;font-size:11px;margin-bottom:5px}.build-compat-auto.good{border-color:#cfeadc;background:#f6fffa;color:#347153}.build-compat-auto.warn{border-color:#f1dfbb;background:#fffaf1;color:#8c6728}.build-compat-auto.bad{border-color:#f0cdd5;background:#fff7f9;color:#a04d62}.build-compat-items{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.build-compat-chip{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(100,90,115,.12);font-weight:850} /* V53.1 — 관심제품 등록 UX: 어디서든 바로 보이게 */ .helper-strip{grid-template-columns:repeat(4,1fr)} .helper-btn.watch-helper{border-color:#ded1f6;background:linear-gradient(145deg,#f7f2ff,#fff);box-shadow:0 7px 18px rgba(112,83,181,.07)} .helper-btn.watch-helper b{color:#654aa7}.helper-btn.watch-helper:hover{background:#f2eaff;border-color:#cdbbea} .helper-btn.pick-helper{border:2px solid #7b5ce0;background:linear-gradient(145deg,#f3edff,#fdfbff);box-shadow:0 8px 20px rgba(104,76,200,.16);position:relative} .helper-btn.pick-helper b{color:#4c2f9e;font-size:12.5px}.helper-btn.pick-helper span{color:#7a6fa0} .helper-btn.pick-helper:hover{border-color:#5b3fd4;background:#efe7ff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(104,76,200,.22)} .watch-head-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.watch-add-btn,.watch-empty-cta{border:1px solid #7258cf;background:#7258cf;color:#fff;border-radius:999px;font-size:10px;font-weight:950;cursor:pointer;box-shadow:0 7px 16px rgba(114,88,207,.16)} .watch-add-btn{padding:8px 11px}.watch-empty-cta{margin-top:11px;padding:10px 15px;font-size:11px}.watch-add-btn:hover,.watch-empty-cta:hover{background:#654bc2;transform:translateY(-1px)} .watch-empty-guide{display:block;margin-top:4px;color:#918997;font-size:10px}.watch-empty strong{color:#6f58ae} .market-actions{flex-direction:row;align-items:center;gap:5px}.card-watch{display:inline-flex;align-items:center;justify-content:center;height:30px;border:1px solid #dcd0ef;background:#faf7ff;color:#6d55aa;border-radius:999px;padding:0 9px;font-size:10px;font-weight:950;white-space:nowrap;cursor:pointer;transition:.16s}.card-watch:hover{background:#f1eaff;border-color:#cbb9e8}.card-watch.active{background:#7258cf;border-color:#7258cf;color:#fff;box-shadow:0 6px 14px rgba(114,88,207,.15)} .watch-save{background:#f7f2ff!important;border-color:#d9cdf1!important;color:#674da6!important;font-weight:950!important}.watch-save.active{background:#7258cf!important;border-color:#7258cf!important;color:#fff!important} .mobile-action.watch-mobile.active{background:#f0e8ff;color:#694cac}.picker-search-wrap{position:relative;margin:14px 0 2px}.picker-search{width:100%;border:1px solid #ddd4e8;border-radius:14px;background:#fff;padding:11px 13px 11px 36px;font:inherit;font-size:12px;outline:none}.picker-search:focus{border-color:#b9a3e1;box-shadow:0 0 0 3px rgba(114,88,207,.08)}.picker-search-wrap:before{content:'🔍';position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px}.data-state.watch-pick{background:#f3edff;color:#6b50ad;border:1px solid #e1d5f5}.data-state.watch-pick.active{background:#7258cf;color:#fff;border-color:#7258cf}.picker-product.watch-selected{border-color:#bda8e6;background:#faf6ff}.picker-mode-note b{color:#6d51ad} @media(max-width:760px){.helper-strip{grid-template-columns:1fr}.watch-head-actions{width:100%;justify-content:space-between}.watch-add-btn{font-size:10px}.market-actions{gap:4px}.card-watch{padding:0 7px;font-size:9px}} @media(max-width:520px){.mobile-actions{grid-template-columns:repeat(4,1fr)}.watch-head{gap:10px}.watch-head-actions{align-self:stretch}.picker-search{font-size:11px}.card-change{width:43px}.card-watch{height:28px}} /* V60 — Growth Engine: positioning, timing board, verdict, share studio */ .hero-positioning{display:inline-flex;align-items:center;gap:7px;margin:0 0 11px;padding:7px 10px;border:1px solid #e2d8f5;background:#f8f3ff;border-radius:999px;color:#684eaa;font-size:10px;font-weight:950;letter-spacing:-.1px}.hero-positioning i{width:7px;height:7px;border-radius:50%;background:#7658d6;box-shadow:0 0 0 4px rgba(118,88,214,.10)} .timing-board{margin:16px 0 18px;padding:18px;border:1px solid #e9e2f1;border-radius:24px;background:linear-gradient(180deg,#fff,#fdfbff);box-shadow:0 12px 28px rgba(76,58,103,.05)}.timing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.timing-head h3{margin:0;font-size:17px;letter-spacing:-.5px}.timing-head p{margin:4px 0 0;color:#817989;font-size:10px}.timing-head .timing-rule{font-size:9px;color:#9a929f;white-space:nowrap}.timing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timing-column{border:1px solid #eee8f3;border-radius:18px;background:#fff;padding:12px}.timing-column-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.timing-column-head b{font-size:12px}.timing-column-head span{font-size:9px;color:#9a929f}.timing-list{display:grid;gap:6px}.timing-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:#fbfafc;border-radius:13px;padding:9px 10px;cursor:pointer;text-align:left;transition:.15s}.timing-row:hover{background:#f7f2ff;transform:translateY(-1px)}.timing-row-main{min-width:0}.timing-row-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.timing-row-main small{display:block;margin-top:3px;color:#928a99;font-size:9px}.timing-row-side{text-align:right;flex:0 0 auto}.timing-row-side strong{display:block;font-size:11px}.timing-row-side em{display:inline-block;margin-top:3px;font-style:normal;font-size:8px;font-weight:950;border-radius:999px;padding:3px 6px}.timing-row-side em.buy{background:#ebf8ef;color:#3d7854}.timing-row-side em.wait{background:#fff1e8;color:#a45e38}.timing-empty{padding:16px 8px;color:#99919f;font-size:10px;text-align:center} .growth-verdict{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 13px;padding:13px 15px;border:1px solid #e7e0ee;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(76,58,103,.04)}.growth-verdict-main{min-width:0}.growth-verdict-kicker{display:block;color:#8e8497;font-size:8px;font-weight:950;letter-spacing:.6px}.growth-verdict-main strong{display:block;margin-top:4px;font-size:15px}.growth-verdict-main small{display:block;margin-top:4px;color:#827a89;font-size:9px;line-height:1.45}.growth-verdict-badge{flex:0 0 auto;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:950}.growth-verdict-badge.buy{background:#eaf8ef;color:#397552}.growth-verdict-badge.neutral{background:#f3eefc;color:#6e54a8}.growth-verdict-badge.wait{background:#fff0e8;color:#a45d38}.growth-verdict-share{flex:0 0 auto;border:1px solid #d9cced;background:#f8f3ff;color:#684ca7;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:950;cursor:pointer}.growth-verdict-share:hover{background:#f0e8ff} .share-studio{display:none;position:fixed;inset:0;z-index:120;background:rgba(31,26,37,.54);backdrop-filter:blur(7px);padding:22px;align-items:center;justify-content:center}.share-studio.show{display:flex}.share-studio-card{width:min(1040px,100%);max-height:min(90vh,860px);overflow:auto;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(20,14,29,.28);padding:18px}.share-studio-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.share-studio-top span{font-size:9px;color:#7d6b99;font-weight:950;letter-spacing:.6px}.share-studio-top h3{margin:4px 0 0;font-size:20px}.share-close{border:0;background:#f3eff6;border-radius:50%;width:34px;height:34px;cursor:pointer;font-weight:900}.share-studio-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(300px,1.15fr);gap:16px}.share-preview{border:1px solid #eee8f2;background:#faf8fc;border-radius:18px;padding:10px}.share-preview img{display:block;width:100%;border-radius:13px;background:#f7f3fb;aspect-ratio:4/5;object-fit:cover}.share-panel{display:flex;flex-direction:column;gap:10px}.share-tabs{display:flex;gap:6px}.share-tab{border:1px solid #e4dcec;background:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:950;cursor:pointer}.share-tab.active{background:#302b35;color:#fff;border-color:#302b35}.share-copy{width:100%;min-height:175px;resize:vertical;border:1px solid #e5deeb;border-radius:15px;padding:14px;font:inherit;font-size:13px;line-height:1.65;outline:none;background:#fcfbfd}.share-copy:focus{border-color:#bea9e2;box-shadow:0 0 0 3px rgba(112,83,180,.08)}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-action{border:1px solid #e4ddec;background:#fff;border-radius:13px;padding:11px 9px;font-size:11px;font-weight:950;cursor:pointer}.share-action.primary{background:#7559d8;color:#fff;border-color:#7559d8}.share-tip{padding:12px 13px;border-radius:13px;background:#faf7ff;color:#80758b;font-size:11px;line-height:1.65}.share-tip b{color:#694da7}.growth-share-ready{background:#eef9f2!important;color:#3e7a55!important;border-color:#d4eadc!important} @media(max-width:760px){.timing-grid{grid-template-columns:1fr}.timing-head{align-items:flex-start;flex-direction:column}.timing-head .timing-rule{white-space:normal}.growth-verdict{align-items:flex-start;flex-wrap:wrap}.growth-verdict-main{flex:1 1 100%}.share-studio{padding:10px}.share-studio-card{padding:13px;border-radius:20px}.share-studio-grid{grid-template-columns:1fr}.share-preview{max-width:360px;margin:auto}.share-copy{min-height:130px}.share-actions{grid-template-columns:1fr 1fr}} /* v60.7 — saved quotes + build share + evidence-based AI review */ .build-head-v50{gap:14px}.build-head-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:9px} .build-tool-btn{border:1px solid #e2d9ec;background:#fff;border-radius:12px;padding:9px 12px;font-size:10px;font-weight:950;color:#51485d;cursor:pointer} .build-tool-btn.primary{background:#7159d5;border-color:#7159d5;color:#fff}.build-tool-btn:hover{transform:translateY(-1px)} .build-auto-memory{font-size:9px;color:#8d8395;font-weight:800;width:100%;text-align:right} .build-ai-insight{margin:12px 0 14px;padding:16px;border:1px solid #e4dcf1;border-radius:20px;background:linear-gradient(135deg,#fbf8ff,#f5f1ff)} .build-ai-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.build-ai-kicker{display:block;color:#7560ba;font-size:9px;font-weight:950;letter-spacing:.08em}.build-ai-head h4{margin:3px 0 0;font-size:17px} .build-ai-score{min-width:70px;text-align:center;padding:9px 11px;border-radius:15px;background:#fff;border:1px solid #e3daef}.build-ai-score b{display:block;font-size:22px}.build-ai-score small{font-size:8px;color:#8e8597} .build-ai-summary{margin:10px 0 0;color:#655c6d;font-size:11px;line-height:1.65}.build-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px} .build-ai-box{padding:11px 12px;border-radius:15px;background:#fff;border:1px solid #ece6f2;font-size:10px;line-height:1.6}.build-ai-box b{display:block;margin-bottom:4px;font-size:10px}.build-ai-box.good{background:#f6fcf8;border-color:#dbeee2}.build-ai-box.warn{background:#fffaf4;border-color:#f0e1c7} .build-ai-upgrade{margin-top:9px;padding:11px 12px;border-radius:15px;background:#251f2d;color:#fff;font-size:10px;line-height:1.55}.build-ai-upgrade b{color:#d9ceff} .saved-builds{margin-top:14px;border:1px solid #ebe5f0;border-radius:18px;background:#fff;padding:14px}.saved-build-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px} .saved-build-head h4{margin:0;font-size:14px}.saved-build-head span{font-size:9px;color:#8c8395}.saved-build-list{display:grid;gap:8px;margin-top:10px} .saved-build-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #eee8f3;border-radius:14px;background:#fcfbfd} .saved-build-main b{display:block;font-size:11px}.saved-build-main small{display:block;margin-top:3px;color:#8b8294;font-size:8.5px}.saved-build-price{font-weight:950;font-size:11px}.saved-build-actions{display:flex;gap:5px;justify-content:flex-end;margin-top:5px} .saved-build-actions button{border:1px solid #e6dfeb;background:#fff;border-radius:9px;padding:5px 7px;font-size:8px;font-weight:900;cursor:pointer}.saved-build-actions button.share{color:#684fc2}.saved-build-actions button.delete{color:#b56b72} .saved-build-empty{padding:10px;color:#918897;font-size:9px;text-align:center} .build-share-studio .share-studio-card{width:min(1120px,100%)}.build-share-studio .share-preview img{max-height:72vh;object-fit:contain} .build-share-studio .share-copy{min-height:250px}.build-share-note{font-size:9px;color:#857b8d;line-height:1.55} .shared-build-summary{display:grid;gap:6px;margin:12px 0}.shared-build-item{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #ebe5f0;border-radius:11px;background:#fcfbfe;font-size:10px} @media(max-width:720px){.build-ai-grid{grid-template-columns:1fr}.build-head-tools{justify-content:flex-start}.build-auto-memory{text-align:left}.saved-build-row{grid-template-columns:1fr}.build-share-studio .share-studio-card{width:100%}} /* v60.8 — UI overflow / modal / dynamic text hardening */ html,body{max-width:100%;overflow-x:hidden} body.overlay-open{overflow:hidden!important} .pulse-card,.pulse-list,.pulse-row,.pulse-main{min-width:0} .pulse-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;max-width:100%;overflow:hidden} .pulse-main{display:block;overflow:hidden} .pulse-main b,.pulse-main small{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pulse-move{max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pulse-head{min-width:0}.pulse-head b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pulse-head span{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis} .build-part-v50>div:first-child,.saved-build-main,.offer-left,.search-result-main,.search-result-copy,.picker-product-main,.compare-card{min-width:0} .build-part-v50 b,.saved-build-main b,.compare-card>b{max-width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere} .build-part-v50 small,.saved-build-main small,.search-result-copy small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .product-title .title-text{min-width:0;overflow-wrap:anywhere} .feature-card,.feature-lead,.compat-result,.compat-result b,.compat-result p,.share-tip,.build-share-note,.shared-build-item span{overflow-wrap:anywhere;word-break:break-word} .detail h2,.compare-head h3,.picker-product b,.build-ai-head h4{overflow-wrap:anywhere} .market-card .benchmark,.market-card .label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis} .modal-card,.picker-card,.feature-sheet,.share-studio-card{max-width:100%} .close,.picker-close,.feature-close,.share-close{touch-action:manipulation} @media(max-width:520px){ .pulse-main b{font-size:10.5px}.pulse-main small{font-size:8px}.pulse-move{font-size:10.5px;max-width:74px} .pulse-head{align-items:flex-start}.pulse-head span{font-size:8px;white-space:normal;text-align:right} .build-part-v50{grid-template-columns:minmax(0,1fr) 92px}.build-part-v50>div:last-child{min-width:0} .saved-build-price{overflow-wrap:anywhere} } /* v60.9 — price anomaly guard */ .anomaly-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;font-size:8.5px;font-weight:950;white-space:nowrap} .anomaly-badge.suspect{background:#fff6e9;border:1px solid #efd8ae;color:#9b681b} .offer-row.anomaly-suspect{background:linear-gradient(90deg,#fffdf9,#fff);border-color:#eee1ca} .offer-row.anomaly-suspect .offer-price strong{color:#8d672d!important} .offer-anomaly-note{display:inline-flex;align-items:center;gap:4px;color:#9a7332;font-size:8px;font-weight:800} .offer-fresh .shield{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;background:#f5f1fb;color:#735ca8;font-size:8px;font-weight:900} .data-guard-note{display:inline-block;margin-top:5px;padding:5px 8px;border-radius:9px;background:#f8f5fc;color:#746b7d;font-size:10px} /* v61 — product SEO route */ .seo-product-route-note{display:none;margin:0 auto 10px;max-width:1120px;padding:8px 20px;color:#83798d;font-size:10px} body.seo-product-route .seo-product-route-note{display:block} /* V61.2 — build product thumbnails */ .build-list-v50{gap:10px} .build-part-v61{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #ece6f1;border-radius:18px;background:#fff;padding:12px 13px;min-width:0} .build-thumb,.saved-build-thumb,.shared-build-thumb{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#fbf8ff,#f2f6ff);border:1px solid #ebe4f4;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)} .build-thumb{width:78px;height:78px;border-radius:18px}.saved-build-thumb{width:38px;height:38px;border-radius:11px}.shared-build-thumb{width:46px;height:46px;border-radius:13px} .build-thumb img,.saved-build-thumb img,.shared-build-thumb img{width:100%;height:100%;display:block;object-fit:contain;background:#fff;padding:3px;box-sizing:border-box} .product-photo-shell.is-fallback img{object-fit:cover;padding:0;background:transparent} .build-part-copy{min-width:0}.build-part-copy b{display:block;font-size:11px;line-height:1.45}.build-part-copy small{display:block;margin-top:4px;font-size:8.5px;color:#8d8592;line-height:1.45} .build-brand-mini{display:inline-flex;align-items:center;gap:5px;margin-bottom:4px;color:#776d86;font-size:8px;font-weight:950;letter-spacing:.03em;text-transform:uppercase} .build-part-actions{justify-self:end;min-width:104px;text-align:right}.build-part-actions strong{display:block;font-size:12px}.build-part-actions .unit-note{display:block;margin-top:4px;color:#8d8592;font-size:8px;line-height:1.35}.build-part-actions button{display:inline-block;margin:7px 0 0 auto;border:0;border-radius:999px;background:#f5f1f8;padding:5px 8px;font-size:8px;cursor:pointer} .saved-build-row.rich{grid-template-columns:minmax(0,1fr) auto;gap:12px}.saved-build-main.rich{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.saved-build-thumb-strip{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.saved-build-price-wrap{text-align:right}.saved-build-price-note{display:block;margin-top:3px;color:#92889a;font-size:8px} .shared-build-item.rich{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed #ece5f3}.shared-build-item.rich:last-child{border-bottom:0}.shared-build-item-main{min-width:0}.shared-build-item-main span{display:block;font-size:10px;line-height:1.45;color:#5d5666}.shared-build-item-main small{display:block;margin-top:4px;color:#8d8592;font-size:8.5px} @media(max-width:760px){.build-part-v61{grid-template-columns:70px minmax(0,1fr)}.build-thumb{width:70px;height:70px;border-radius:16px}.build-part-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;border-top:1px dashed #eee7f3;min-width:0;text-align:left}.build-part-actions button{margin:0}.saved-build-row.rich{grid-template-columns:1fr}.saved-build-price-wrap{text-align:left}.shared-build-item.rich{grid-template-columns:42px minmax(0,1fr) auto}.shared-build-thumb{width:42px;height:42px}} /* V61.4: clean product photos and manufacturer-accurate text wordmarks. */ .build-thumb.photo-ready:after,.product-photo-shell.photo-ready:after{content:none!important;display:none!important} .manufacturer-wordmark.brand-mark{width:auto!important;min-width:34px!important;max-width:132px!important;height:30px!important;padding:0 9px!important;border:1px solid #e8e2ed!important;border-radius:9px!important;background:#fff!important;box-shadow:0 2px 8px rgba(42,33,52,.04)!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} .manufacturer-wordmark-text{display:block;max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#51485b;font:950 9px/1 Arial,"Pretendard",sans-serif;letter-spacing:.015em;text-transform:none} .manufacturer-wordmark.samsung .manufacturer-wordmark-text{color:#1428a0;letter-spacing:.04em}.manufacturer-wordmark.intel .manufacturer-wordmark-text{color:#0068b5}.manufacturer-wordmark.amd .manufacturer-wordmark-text{color:#111}.manufacturer-wordmark.teamgroup .manufacturer-wordmark-text{color:#2f315b}.manufacturer-wordmark.sapphire .manufacturer-wordmark-text{color:#1b4b94}.manufacturer-wordmark.gigabyte .manufacturer-wordmark-text{color:#006eb8}.manufacturer-wordmark.asus .manufacturer-wordmark-text,.manufacturer-wordmark.asrock .manufacturer-wordmark-text,.manufacturer-wordmark.msi .manufacturer-wordmark-text{color:#202128}.manufacturer-wordmark.darkflash .manufacturer-wordmark-text{color:#27232b}.manufacturer-wordmark.micronics .manufacturer-wordmark-text{color:#24212a} .build-brand-mini>.manufacturer-wordmark{margin-right:0}.build-brand-mini>.manufacturer-wordmark+span{display:none} @media(max-width:520px){.manufacturer-wordmark.brand-mark{height:28px!important;padding:0 7px!important;max-width:112px!important}.manufacturer-wordmark-text{max-width:98px;font-size:8px}} /* V61.5 — compact retailer marks, official Apple symbol, and full quote-image zoom. */ .seller-logo.himart,.seller-logo.thehyundai,.seller-logo.apple{width:38px!important;min-width:38px!important;height:32px!important;padding:0!important;justify-content:center!important} .seller-logo.himart img,.seller-logo.thehyundai img{position:static!important;transform:none!important;width:auto!important;height:auto!important;max-width:82%!important;max-height:82%!important;object-fit:contain!important;margin:auto!important} .source-favicon.logo-himart,.source-favicon.logo-thehyundai{width:18px!important;height:18px!important;padding:1px!important;border-radius:5px!important;overflow:hidden!important} .source-favicon.logo-himart img,.source-favicon.logo-thehyundai img{position:static!important;transform:none!important;width:auto!important;height:auto!important;max-width:86%!important;max-height:86%!important;object-fit:contain!important;margin:auto!important} .web-logo.logo-apple{overflow:visible!important} .apple-symbol-svg{display:block;fill:#111!important;color:#111!important;flex:0 0 auto} .seller-logo.apple .apple-symbol-svg{width:18px;height:22px} .source-favicon.logo-apple .apple-symbol-svg{width:13px;height:17px} .brand-mark.apple{width:38px!important;min-width:38px!important;height:32px!important;padding:0!important;color:#111!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} .brand-web-logo.logo-apple .apple-symbol-svg{width:16px;height:21px} .build-share-preview-wrap{position:relative} .build-share-zoom-trigger{position:absolute;z-index:3;top:18px;right:18px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(218,209,230,.95);border-radius:50%;background:rgba(255,255,255,.94);color:#32283f;box-shadow:0 8px 24px rgba(37,25,50,.18);cursor:zoom-in;backdrop-filter:blur(5px);transition:transform .15s,background .15s,box-shadow .15s} .build-share-zoom-trigger:hover{transform:translateY(-1px) scale(1.04);background:#fff;box-shadow:0 10px 28px rgba(37,25,50,.24)} .build-share-zoom-trigger:focus-visible,.build-share-zoom-close:focus-visible{outline:3px solid rgba(133,101,218,.42);outline-offset:2px} .build-share-zoom-trigger svg,.build-share-zoom-close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .build-share-image-zoom{display:none;position:fixed;inset:0;z-index:180;background:rgba(20,15,27,.91);backdrop-filter:blur(8px);padding:18px 24px 48px;overflow:auto;overscroll-behavior:contain;align-items:flex-start;justify-content:center;cursor:zoom-out} .build-share-image-zoom.show{display:flex} .build-share-image-zoom>img{display:block;width:min(900px,calc(100vw - 48px));height:auto;max-width:none;margin:0 auto;border-radius:18px;background:#f7f3fb;box-shadow:0 28px 90px rgba(0,0,0,.46);cursor:default} .build-share-zoom-close{position:fixed;z-index:2;top:18px;right:20px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(28,21,36,.82);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.28);cursor:pointer;backdrop-filter:blur(7px)} @media(max-width:520px){.seller-logo.himart,.seller-logo.thehyundai,.seller-logo.apple{width:34px!important;min-width:34px!important;height:28px!important}.brand-mark.apple{width:34px!important;min-width:34px!important;height:28px!important}.seller-logo.apple .apple-symbol-svg{width:16px;height:20px}.brand-web-logo.logo-apple .apple-symbol-svg{width:14px;height:18px}.build-share-zoom-trigger{top:14px;right:14px;width:38px;height:38px}.build-share-image-zoom{padding:10px 10px 36px}.build-share-image-zoom>img{width:calc(100vw - 20px);border-radius:13px}.build-share-zoom-close{top:12px;right:12px;width:40px;height:40px}} /* V61.6 — official Samsung blue lettermark and user-supplied SK hynix symbol. */ .official-brand-asset.brand-mark{ box-sizing:border-box!important; height:30px!important; padding:0!important; border:1px solid #e8e2ed!important; border-radius:9px!important; background:#fff!important; box-shadow:0 2px 8px rgba(42,33,52,.04)!important; overflow:hidden!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; color:initial!important; } .official-brand-asset .brand-web-logo{ position:relative!important; width:100%!important; height:100%!important; padding:0!important; overflow:hidden!important; display:flex!important; align-items:center!important; justify-content:center!important; } .brand-mark.samsung.official-brand-asset{ width:88px!important; min-width:88px!important; max-width:88px!important; border-color:#dce4fa!important; background:#fff!important; } .brand-mark.samsung.official-brand-asset .brand-web-logo.logo-samsung .samsung-official-blue-logo{ display:block!important; position:absolute!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important; width:96px!important; height:auto!important; max-width:none!important; max-height:none!important; object-fit:contain!important; margin:0!important; } .brand-mark.skhynix.official-brand-asset{ width:44px!important; min-width:44px!important; max-width:44px!important; border-color:#f0e3dd!important; background:#fff!important; } .brand-mark.skhynix.official-brand-asset .brand-web-logo.logo-skhynix .skhynix-official-symbol{ display:block!important; position:absolute!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important; width:57px!important; height:auto!important; max-width:none!important; max-height:none!important; object-fit:contain!important; margin:0!important; } .build-brand-mini>.official-brand-asset+span{display:none} @media(max-width:520px){ .official-brand-asset.brand-mark{height:28px!important} .brand-mark.samsung.official-brand-asset{width:82px!important;min-width:82px!important;max-width:82px!important} .brand-mark.samsung.official-brand-asset .brand-web-logo.logo-samsung .samsung-official-blue-logo{width:90px!important} .brand-mark.skhynix.official-brand-asset{width:40px!important;min-width:40px!important;max-width:40px!important} .brand-mark.skhynix.official-brand-asset .brand-web-logo.logo-skhynix .skhynix-official-symbol{width:52px!important} } /* V61.7 — verified price history, real picker photos, and global logo scale correction */ .brand-mark.samsung.official-brand-asset .brand-web-logo.logo-samsung .samsung-official-blue-logo{ transform:translate(-50%,-50%) scale(.8)!important; } .brand-mark.skhynix.official-brand-asset .brand-web-logo.logo-skhynix .skhynix-official-symbol{ transform:translate(-50%,-50%) scale(.9)!important; } .picker-product-icon{ width:58px!important;height:58px!important;border-radius:15px!important; background:#fff!important;border:1px solid #eee7f5!important;overflow:hidden!important; } .picker-product-thumb{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#fff} .picker-product-thumb img{display:block;width:100%;height:100%;padding:4px;object-fit:contain;object-position:center;background:#fff} .picker-product-icon .product-photo-shell.is-fallback img{padding:0;object-fit:cover} @media(max-width:520px){ .picker-product-icon{width:50px!important;height:50px!important;border-radius:13px!important} } /* V61.8 — realistic RAM installation animation and illustrated guide */ .guide-visual.ram-guide-visual{display:block;min-height:0;padding:0;overflow:hidden;background:#090d16;border-color:#242c3d;box-shadow:0 18px 42px rgba(13,18,31,.18)} .ram-3d-stage{position:relative;width:100%;overflow:hidden;color:#eef5ff;background:radial-gradient(circle at 71% 24%,rgba(72,217,154,.12),transparent 28%),linear-gradient(145deg,#111827 0%,#080c14 58%,#111827 100%);isolation:isolate} .ram-scene-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 8px;position:relative;z-index:4} .ram-scene-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:950;letter-spacing:-.1px}.ram-scene-title i{width:8px;height:8px;border-radius:50%;background:#59e6a2;box-shadow:0 0 0 5px rgba(89,230,162,.12),0 0 16px rgba(89,230,162,.8)} .ram-scene-runtime{font-size:8px;font-weight:900;color:#a8b3c8;border:1px solid rgba(180,199,226,.18);background:rgba(255,255,255,.055);padding:5px 8px;border-radius:999px} .ram-scene-viewport{position:relative;padding:0 7px}.ram-scene-viewport svg{display:block;width:100%;height:auto;overflow:visible} .ram-phase-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 12px 10px}.ram-phase-strip span{position:relative;text-align:center;padding:6px 3px;border:1px solid rgba(163,180,207,.14);border-radius:8px;color:#78869c;background:rgba(255,255,255,.035);font-size:7px;font-weight:900}.ram-phase-strip b{display:inline-grid;place-items:center;width:14px;height:14px;margin-right:3px;border-radius:50%;background:#202b3d;color:#aab7ca;font-size:7px} .ram-3d-stage.is-playing .ram-phase-strip span:nth-child(1){animation:ramPhaseGlow 6.8s linear both}.ram-3d-stage.is-playing .ram-phase-strip span:nth-child(2){animation:ramPhaseGlow 6.8s .9s linear both}.ram-3d-stage.is-playing .ram-phase-strip span:nth-child(3){animation:ramPhaseGlow 6.8s 2s linear both}.ram-3d-stage.is-playing .ram-phase-strip span:nth-child(4){animation:ramPhaseDone 6.8s linear both} .ram-scene-actions{display:grid;grid-template-columns:1fr auto;gap:7px;padding:0 12px 13px}.ram-detail-cta,.ram-replay{border-radius:11px;min-height:35px;font-size:9px;font-weight:950;cursor:pointer;transition:.18s}.ram-detail-cta{border:1px solid rgba(100,236,171,.38);color:#123c2a;background:linear-gradient(135deg,#dff9eb,#bdf2d5);box-shadow:0 8px 20px rgba(46,189,119,.16)}.ram-replay{padding:0 11px;border:1px solid rgba(183,198,222,.2);color:#d4deef;background:rgba(255,255,255,.07)}.ram-detail-cta:hover,.ram-replay:hover{transform:translateY(-1px)} .ram-scene-internals{opacity:1}.ram-scene-glass{opacity:.13;transform:translate(-58px,-7px)}.ram-flight-path{opacity:0;stroke-dasharray:7 8;stroke-dashoffset:0}.ram-flying-module{transform-box:fill-box;transform-origin:center;transform:translate(0,0) rotate(0)}.ram-lock-top,.ram-lock-bottom{opacity:1;filter:url(#ramGreenGlow)}.ram-click-a,.ram-click-b{opacity:0}.ram-done{opacity:1} .ram-3d-stage.is-playing .ram-scene-internals{animation:ramInternalsReveal 6.8s ease both}.ram-3d-stage.is-playing .ram-scene-glass{animation:ramGlassSlide 6.8s cubic-bezier(.2,.75,.28,1) both}.ram-3d-stage.is-playing .ram-flight-path{animation:ramTraceRoute 6.8s linear both}.ram-3d-stage.is-playing .ram-flying-module{animation:ramModuleRoute 6.8s cubic-bezier(.34,.02,.18,1) both}.ram-3d-stage.is-playing .ram-lock-top{animation:ramLockTop 6.8s ease both}.ram-3d-stage.is-playing .ram-lock-bottom{animation:ramLockBottom 6.8s ease both}.ram-3d-stage.is-playing .ram-click-a{animation:ramClickA 6.8s ease both}.ram-3d-stage.is-playing .ram-click-b{animation:ramClickB 6.8s ease both}.ram-3d-stage.is-playing .ram-done{animation:ramDone 6.8s ease both} @keyframes ramInternalsReveal{0%,13%{opacity:.16;filter:blur(2px) saturate(.65)}27%,100%{opacity:1;filter:none}} @keyframes ramGlassSlide{0%,14%{opacity:.86;transform:translate(0,0)}28%,100%{opacity:.13;transform:translate(-58px,-7px)}} @keyframes ramTraceRoute{0%,29%{opacity:0;stroke-dashoffset:95}34%{opacity:.75}70%{opacity:.55;stroke-dashoffset:0}78%,100%{opacity:0;stroke-dashoffset:-25}} @keyframes ramModuleRoute{0%,29%{opacity:0;transform:translate(172px,-82px) rotate(18deg) scale(1.08)}34%{opacity:1;transform:translate(154px,-68px) rotate(14deg) scale(1.08)}45%{transform:translate(120px,36px) rotate(-12deg) scale(1.04)}57%{transform:translate(73px,-25px) rotate(8deg) scale(1.02)}68%{transform:translate(23px,-18px) rotate(-3deg) scale(1)}75%,100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}} @keyframes ramLockTop{0%,74%{opacity:0;transform:scale(.3)}77%{opacity:1;transform:scale(1.35)}80%,100%{opacity:1;transform:scale(1)}} @keyframes ramLockBottom{0%,80%{opacity:0;transform:scale(.3)}83%{opacity:1;transform:scale(1.35)}86%,100%{opacity:1;transform:scale(1)}} @keyframes ramClickA{0%,74%{opacity:0;transform:translateY(4px)}77%{opacity:1;transform:translateY(0)}81%,100%{opacity:0}} @keyframes ramClickB{0%,80%{opacity:0;transform:translateY(4px)}83%{opacity:1;transform:translateY(0)}88%,100%{opacity:0}} @keyframes ramDone{0%,86%{opacity:0;transform:translateY(7px)}91%,100%{opacity:1;transform:translateY(0)}} @keyframes ramPhaseGlow{0%,8%,34%,100%{color:#78869c;border-color:rgba(163,180,207,.14);background:rgba(255,255,255,.035)}12%,28%{color:#dff7eb;border-color:rgba(89,230,162,.48);background:rgba(89,230,162,.11)}} @keyframes ramPhaseDone{0%,84%{color:#78869c;border-color:rgba(163,180,207,.14);background:rgba(255,255,255,.035)}90%,100%{color:#dff7eb;border-color:rgba(89,230,162,.48);background:rgba(89,230,162,.11)}} .ram-guide-hero{grid-template-columns:1.13fr .87fr;align-items:stretch}.ram-guide-hero .guide-copy{align-self:center}.ram-guide-hero .guide-copy h3{font-size:22px;line-height:1.22} .ram-detail-intro{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px 17px;border:1px solid #dceee5;border-radius:18px;background:linear-gradient(135deg,#f3fcf7,#fff)}.ram-detail-intro b{display:block;font-size:16px;color:#243b31}.ram-detail-intro p{margin:5px 0 0;color:#66776f;font-size:11px;line-height:1.65}.ram-detail-safe{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#e6f8ef;color:#297553;font-size:9px;font-weight:950;white-space:nowrap} .ram-detail-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.ram-detail-card{overflow:hidden;border:1px solid #e8e2ed;border-radius:18px;background:#fff}.ram-step-art{min-height:164px;padding:7px;background:linear-gradient(145deg,#111827,#0b101b)}.ram-step-art svg{display:block;width:100%;height:150px}.ram-step-copy{padding:12px 13px 14px}.ram-step-no{display:inline-flex;align-items:center;gap:5px;color:#5a4b8f;font-size:8px;font-weight:950;letter-spacing:.5px}.ram-step-copy h4{margin:5px 0 5px;font-size:13px;letter-spacing:-.25px}.ram-step-copy p{margin:0;color:#746d79;font-size:10px;line-height:1.62}.ram-step-check{display:block;margin-top:7px;padding:7px 8px;border-radius:9px;background:#f2faf6;color:#3e765e;font-size:9px;font-weight:850;line-height:1.45} .ram-slot-rule{display:grid;grid-template-columns:.78fr 1.22fr;gap:11px;margin-top:13px;padding:14px;border:1px solid #e5def0;border-radius:18px;background:#faf8fd}.ram-slot-map{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-items:end}.ram-slot-map span{display:grid;place-items:center;height:75px;border-radius:7px;background:#e9e5ee;color:#8d8494;font-size:8px;font-weight:950;writing-mode:vertical-rl}.ram-slot-map span.on{height:88px;color:#1f6b4b;background:linear-gradient(180deg,#8be4b6,#cdf7df);box-shadow:0 0 0 2px #fff,0 0 0 3px #65c994}.ram-slot-rule h4{margin:0 0 6px;font-size:13px}.ram-slot-rule p{margin:0;color:#756e7b;font-size:10px;line-height:1.65}.ram-warning-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.ram-warning-item{padding:11px;border-radius:14px;border:1px solid #f0e3d3;background:#fffaf3}.ram-warning-item b{display:block;color:#8a5b24;font-size:10px}.ram-warning-item span{display:block;margin-top:4px;color:#806f5b;font-size:9px;line-height:1.5} .ram-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.ram-detail-footer small{color:#8c8491;font-size:9px;line-height:1.5}.ram-detail-footer .feature-actions{margin:0;flex-shrink:0} @media(max-width:760px){.ram-guide-hero{grid-template-columns:1fr}.ram-detail-flow{grid-template-columns:1fr}.ram-slot-rule{grid-template-columns:1fr}.ram-warning-list{grid-template-columns:1fr}.ram-detail-intro{grid-template-columns:1fr}.ram-detail-safe{justify-self:start}.ram-detail-footer{align-items:flex-start;flex-direction:column}.ram-detail-footer .feature-actions{width:100%}.ram-detail-footer .feature-action{flex:1}.ram-scene-top{padding:10px 10px 6px}.ram-phase-strip,.ram-scene-actions{padding-left:9px;padding-right:9px}} @media(max-width:420px){.ram-scene-title{font-size:9px}.ram-scene-runtime{display:none}.ram-phase-strip span{font-size:6px}.ram-scene-actions{grid-template-columns:1fr}.ram-replay{min-height:31px}.ram-step-art svg{height:136px}.ram-step-art{min-height:150px}} @media(prefers-reduced-motion:reduce){.ram-3d-stage *{animation:none!important}.ram-scene-internals{opacity:1!important;filter:none!important}.ram-scene-glass{opacity:.13!important;transform:translate(-58px,-7px)!important}.ram-flying-module{opacity:1!important;transform:none!important}.ram-lock-top,.ram-lock-bottom,.ram-done{opacity:1!important}.ram-flight-path,.ram-click-a,.ram-click-b{opacity:0!important}} /* V61.9 — user-first RAM, CPU, GPU, SSD and motherboard installation guides */ .component-guide-hero{grid-template-columns:1.13fr .87fr;align-items:stretch}.component-guide-hero .guide-copy{align-self:center}.component-guide-hero .guide-copy h3{font-size:22px;line-height:1.25}.component-guide-visual{display:block;min-height:0;padding:0;overflow:hidden;background:#090d16;border-color:#242c3d;box-shadow:0 18px 42px rgba(13,18,31,.18)} .component-install-stage{position:relative;width:100%;overflow:hidden;color:#eef5ff;background:radial-gradient(circle at 72% 22%,rgba(91,229,166,.12),transparent 29%),linear-gradient(145deg,#111827,#080c14 60%,#111827);isolation:isolate}.component-scene-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 8px;position:relative;z-index:4}.component-scene-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:950}.component-scene-title i{width:8px;height:8px;border-radius:50%;background:#59e6a2;box-shadow:0 0 0 5px rgba(89,230,162,.12),0 0 16px rgba(89,230,162,.8)}.component-scene-runtime{font-size:8px;font-weight:900;color:#a8b3c8;border:1px solid rgba(180,199,226,.18);background:rgba(255,255,255,.055);padding:5px 8px;border-radius:999px}.component-scene-viewport{padding:0 7px}.component-scene-viewport svg{display:block;width:100%;height:auto;overflow:visible} .component-phase-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:0 12px 10px}.component-phase-strip.six{grid-template-columns:repeat(6,minmax(0,1fr))}.component-phase-strip span{text-align:center;padding:6px 3px;border:1px solid rgba(163,180,207,.14);border-radius:8px;color:#78869c;background:rgba(255,255,255,.035);font-size:7px;font-weight:900;white-space:nowrap}.component-phase-strip b{display:inline-grid;place-items:center;width:14px;height:14px;margin-right:3px;border-radius:50%;background:#202b3d;color:#aab7ca;font-size:7px}.component-install-stage.is-playing .component-phase-strip span{animation:componentPhasePulse 7.6s linear both}.component-install-stage.is-playing .component-phase-strip span:nth-child(2){animation-delay:.75s}.component-install-stage.is-playing .component-phase-strip span:nth-child(3){animation-delay:1.5s}.component-install-stage.is-playing .component-phase-strip span:nth-child(4){animation-delay:2.25s}.component-install-stage.is-playing .component-phase-strip span:nth-child(5){animation-delay:3s}.component-install-stage.is-playing .component-phase-strip span:nth-child(6){animation-delay:3.75s} .component-scene-actions{display:grid;grid-template-columns:1fr auto;gap:7px;padding:0 12px 13px}.component-detail-cta,.component-replay{border-radius:11px;min-height:35px;font-size:9px;font-weight:950;cursor:pointer;transition:.18s}.component-detail-cta{border:1px solid rgba(100,236,171,.38);color:#123c2a;background:linear-gradient(135deg,#dff9eb,#bdf2d5);box-shadow:0 8px 20px rgba(46,189,119,.16)}.component-replay{padding:0 11px;border:1px solid rgba(183,198,222,.2);color:#d4deef;background:rgba(255,255,255,.07)}.component-detail-cta:hover,.component-replay:hover{transform:translateY(-1px)} .component-case-internals{opacity:1}.component-case-glass{opacity:.12;transform:translate(-55px,-6px)}.component-route{opacity:0;stroke-dasharray:8 9}.component-moving-part{transform-box:fill-box;transform-origin:center}.component-done,.component-lock,.component-cable,.component-screw{opacity:1}.component-install-stage.is-playing .component-case-internals{animation:componentInternals 7.4s ease both}.component-install-stage.is-playing .component-case-glass{animation:componentGlass 7.4s cubic-bezier(.2,.75,.28,1) both}.component-install-stage.is-playing .component-route{animation:componentRoute 7.4s linear both}.component-install-stage.is-playing .component-done{animation:componentDone 7.4s ease both} .component-cpu.is-playing .cpu-moving-part{animation:cpuInstallRoute 7.4s cubic-bezier(.28,.02,.15,1) both}.component-cpu.is-playing .cpu-socket-cover{animation:cpuCoverClose 7.4s ease both;transform-box:fill-box;transform-origin:50% 100%}.component-cpu.is-playing .component-lock{animation:componentLock 7.4s ease both} .component-gpu.is-playing .gpu-moving-part{animation:gpuInstallRoute 7.4s cubic-bezier(.3,.02,.15,1) both}.component-gpu.is-playing .component-lock{animation:componentLock 7.4s ease both}.component-gpu.is-playing .component-screw{animation:gpuScrewIn 7.4s ease both}.component-gpu.is-playing .component-cable{animation:gpuCableIn 7.4s ease both} .component-ssd.is-playing .ssd-moving-part{animation:ssdInstallRoute 7.4s cubic-bezier(.3,.02,.15,1) both}.component-ssd.is-playing .ssd-anchor{animation:componentLock 7.4s ease both}.component-ssd.is-playing .ssd-cable{animation:gpuCableIn 7.4s ease both} .component-motherboard .component-scene-viewport{background:radial-gradient(circle at 27% 45%,rgba(117,91,214,.12),transparent 38%)}.mb-loaded-board{transform-box:fill-box;transform-origin:0 0;transform:translate(331px,39px) scale(.57)}.mb-cpu,.mb-ssd,.mb-ram,.mb-paste,.mb-cooler,.mb-cables,.mb-board-done{opacity:1}.component-motherboard.is-playing .mb-loaded-board{animation:mbBoardIntoCase 10.2s cubic-bezier(.3,.05,.16,1) both}.component-motherboard.is-playing .mb-cpu{animation:mbPartIn 10.2s 0s ease both}.component-motherboard.is-playing .mb-ssd{animation:mbPartIn 10.2s .8s ease both}.component-motherboard.is-playing .mb-ram{animation:mbPartIn 10.2s 1.6s ease both}.component-motherboard.is-playing .mb-paste{animation:mbPasteIn 10.2s 2.3s ease both}.component-motherboard.is-playing .mb-cooler{animation:mbCoolerIn 10.2s 2.5s ease both}.component-motherboard.is-playing .mb-cables{animation:mbCablesIn 10.2s ease both}.component-motherboard.is-playing .mb-board-done{animation:mbDoneIn 10.2s ease both} @keyframes componentInternals{0%,13%{opacity:.14;filter:blur(2px) saturate(.65)}27%,100%{opacity:1;filter:none}}@keyframes componentGlass{0%,14%{opacity:.86;transform:translate(0,0)}28%,100%{opacity:.12;transform:translate(-55px,-6px)}}@keyframes componentRoute{0%,29%{opacity:0;stroke-dashoffset:110}35%,69%{opacity:.72}73%,100%{opacity:0;stroke-dashoffset:0}}@keyframes componentDone{0%,87%{opacity:0;transform:translateY(7px)}92%,100%{opacity:1;transform:translateY(0)}}@keyframes componentLock{0%,74%{opacity:0;transform:scale(.3)}79%{opacity:1;transform:scale(1.35)}84%,100%{opacity:1;transform:scale(1)}}@keyframes componentPhasePulse{0%,7%,31%,100%{color:#78869c;border-color:rgba(163,180,207,.14);background:rgba(255,255,255,.035)}11%,27%{color:#dff7eb;border-color:rgba(89,230,162,.48);background:rgba(89,230,162,.11)}} @keyframes cpuInstallRoute{0%,30%{opacity:0;transform:translate(185px,-82px) rotate(16deg) scale(1.16)}36%{opacity:1;transform:translate(158px,-66px) rotate(12deg) scale(1.13)}53%{transform:translate(95px,24px) rotate(-7deg) scale(1.08)}67%{transform:translate(34px,-15px) rotate(3deg) scale(1.03)}76%,100%{opacity:1;transform:none}}@keyframes cpuCoverClose{0%,70%{opacity:.34;transform:rotateX(68deg) translateY(-12px)}80%,100%{opacity:.88;transform:none}}@keyframes gpuInstallRoute{0%,30%{opacity:0;transform:translate(190px,-65px) rotate(-10deg) scale(1.08)}37%{opacity:1;transform:translate(166px,-45px) rotate(-8deg) scale(1.06)}54%{transform:translate(100px,18px) rotate(5deg) scale(1.03)}69%{transform:translate(34px,-8px) rotate(-2deg)}77%,100%{opacity:1;transform:none}}@keyframes gpuScrewIn{0%,78%{opacity:0;transform:rotate(-120deg) scale(.4)}84%,100%{opacity:1;transform:none}}@keyframes gpuCableIn{0%,81%{opacity:0;transform:translate(35px,0)}88%,100%{opacity:1;transform:none}} @keyframes ssdInstallRoute{0%,30%{opacity:0;transform:translate(170px,-76px) rotate(28deg) scale(1.1)}38%{opacity:1;transform:translate(140px,-56px) rotate(24deg) scale(1.08)}58%{transform:translate(72px,-13px) rotate(20deg) scale(1.03)}73%{transform:translate(18px,-4px) rotate(9deg)}80%,100%{opacity:1;transform:none}} @keyframes mbPartIn{0%,14%{opacity:0;transform:translateY(-45px) scale(1.12)}22%,100%{opacity:1;transform:none}}@keyframes mbPasteIn{0%,33%{opacity:0;transform:scale(.2)}38%,100%{opacity:1;transform:none}}@keyframes mbCoolerIn{0%,39%{opacity:0;transform:translateY(-72px) scale(1.12)}49%,100%{opacity:1;transform:none}}@keyframes mbBoardIntoCase{0%,57%{transform:none}72%,100%{transform:translate(331px,39px) scale(.57)}}@keyframes mbCablesIn{0%,75%{opacity:0;stroke-dasharray:80;stroke-dashoffset:80}88%,100%{opacity:1;stroke-dashoffset:0}}@keyframes mbDoneIn{0%,89%{opacity:0;transform:translateY(6px)}94%,100%{opacity:1;transform:none}} .component-detail-intro{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px 17px;border:1px solid #dceee5;border-radius:18px;background:linear-gradient(135deg,#f3fcf7,#fff)}.component-detail-intro b{display:block;font-size:16px;color:#243b31}.component-detail-intro p{margin:5px 0 0;color:#66776f;font-size:11px;line-height:1.65}.component-detail-safe{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#e6f8ef;color:#297553;font-size:9px;font-weight:950;white-space:nowrap}.component-detail-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.component-detail-card{overflow:hidden;border:1px solid #e8e2ed;border-radius:18px;background:#fff}.component-step-art{min-height:164px;padding:7px;background:linear-gradient(145deg,#111827,#0b101b)}.component-step-art svg{display:block;width:100%;height:150px}.component-step-copy{padding:12px 13px 14px}.component-step-no{display:inline-flex;color:#5a4b8f;font-size:8px;font-weight:950;letter-spacing:.5px}.component-step-copy h4{margin:5px 0;font-size:13px}.component-step-copy p{margin:0;color:#746d79;font-size:10px;line-height:1.62}.component-step-check{display:block;margin-top:7px;padding:7px 8px;border-radius:9px;background:#f2faf6;color:#3e765e;font-size:9px;font-weight:850;line-height:1.45}.component-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.component-help-item{padding:11px;border-radius:14px;border:1px solid #e7e1ef;background:#faf8fd}.component-help-item b{display:block;color:#5c4b85;font-size:10px}.component-help-item span{display:block;margin-top:4px;color:#766e7d;font-size:9px;line-height:1.5}.component-detail-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:13px}.component-detail-footer small{color:#8c8491;font-size:9px;line-height:1.55;max-width:620px}.component-detail-footer .feature-actions{margin:0;flex-shrink:0} .build-part-actions button.build-install-guide{color:#24704f;background:#eaf8f1;border:1px solid #cfecdc;font-weight:900;margin-right:4px}.build-part-actions button.build-install-guide:hover{background:#dbf4e7}.install-entry-note{margin-top:9px;padding:9px 11px;border-radius:12px;background:#f2faf6;border:1px solid #dbefe4;color:#4d6d5d;font-size:10px;line-height:1.55} @media(max-width:760px){.component-guide-hero{grid-template-columns:1fr}.component-detail-flow{grid-template-columns:1fr}.component-help-grid{grid-template-columns:1fr}.component-detail-intro{grid-template-columns:1fr}.component-detail-safe{justify-self:start}.component-detail-footer{flex-direction:column}.component-detail-footer .feature-actions{width:100%}.component-detail-footer .feature-action{flex:1}.component-phase-strip.six{grid-template-columns:repeat(3,1fr)}} @media(max-width:420px){.component-scene-title{font-size:9px}.component-scene-runtime{display:none}.component-phase-strip span{font-size:6px}.component-scene-actions{grid-template-columns:1fr}.component-replay{min-height:31px}.component-step-art{min-height:150px}.component-step-art svg{height:136px}} @media(prefers-reduced-motion:reduce){.component-install-stage *{animation:none!important}.component-case-internals{opacity:1!important;filter:none!important}.component-case-glass{opacity:.12!important;transform:translate(-55px,-6px)!important}.component-moving-part,.cpu-socket-cover,.component-lock,.component-screw,.component-cable,.component-done,.mb-cpu,.mb-ssd,.mb-ram,.mb-paste,.mb-cooler,.mb-cables,.mb-board-done{opacity:1!important;transform:none!important}.component-route{opacity:0!important}.mb-loaded-board{transform:translate(331px,39px) scale(.57)!important}} .calendar #calSamsung{gap:0}.calendar #calSamsung .brand-mark.samsung.official-brand-asset{width:78px!important;min-width:78px!important;max-width:78px!important;height:28px!important}.calendar #calSamsung .samsung-official-blue-logo{width:88px!important;transform:translate(-50%,-50%) scale(.8)!important} .bookmark-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #e5deef;border-radius:999px;background:#fff;color:#635973;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px rgba(91,70,125,.04)}.bookmark-action:hover,.bookmark-action:focus-visible{background:#f8f4ff;border-color:#d8cdec;color:#5c4995;outline:none}.footer-status-row{display:flex;align-items:center;gap:9px;margin:0 0 12px}.footer-data-status{display:inline-flex!important;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #e5deef;border-radius:999px;background:#fff;color:#635973;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.footer-data-status:hover,.footer-data-status:focus-visible{background:#f8f4ff;border-color:#d8cdec;outline:none}.footer-data-status.stale{color:#9a6330;border-color:#f0d6bb;background:#fffaf4}.footer-status-copy{color:#99919f;font-size:10px}.timing-row,.pulse-row{text-decoration:none;color:inherit}.timing-row.coupang-card-priority,.pulse-row.coupang-card-priority{box-shadow:inset 0 0 0 1px #f1dfda;background:#fffafa}.timing-row.coupang-card-priority:hover,.pulse-row.coupang-card-priority:hover{background:#fff4f1}.coupang-card-note{display:inline-flex;align-items:center;margin-top:3px;padding:2px 6px;border-radius:999px;background:#fff0ec;color:#a94d38;font-size:7.5px;font-weight:950;white-space:nowrap}.timing-row-side .coupang-card-note{margin-left:auto} @media(max-width:620px){.bookmark-action{min-height:30px;padding:0 9px;font-size:9px}.footer-status-row{align-items:flex-start;flex-direction:column}.footer-status-copy{line-height:1.5}.footer-data-status{min-height:32px}.live-presence{max-width:154px;overflow:hidden;text-overflow:ellipsis}} /* V61.20 — quick quote tier picker + coupang complete-PC list */ .qq-tiers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0} .qq-tier{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:13px 12px;border:1px solid #e4ddf0;border-radius:14px;background:#fff;cursor:pointer;font:inherit;text-align:left;transition:.15s} .qq-tier:hover{border-color:#b9a6e8;background:#faf8ff;transform:translateY(-1px)} .qq-tier b{font-size:14px;color:#2a2333;font-weight:950} .qq-tier span{font-size:10px;color:#8d8598;line-height:1.4} .qq-card{margin-top:12px;border:1px solid #e4ddf0;border-radius:14px;overflow:hidden;background:#fff} .qq-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;background:#f6f2fd} .qq-plan{display:grid;gap:3px;padding:9px 12px;font-size:11px;line-height:1.6;color:#746387;background:#fcfaff;border-top:1px solid #f2edf9} .qq-head b{font-size:13px;color:#2a2333} .qq-head em{font-style:normal;font-weight:950;color:#5b3fd4;font-size:15px;white-space:nowrap} .qq-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 12px;font-size:11.5px;border-top:1px solid #f2edf9} .qq-row small{color:#8d8598;white-space:nowrap} .qq-row b{color:#2a2333;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .qq-row i{font-style:normal;font-weight:900;white-space:nowrap;color:#3a3342} .qq-side{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto;max-width:100%} .qq-changes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:310px} .qq-side>i{min-width:86px;text-align:right;flex:0 0 86px}.qq-side .qq-move{font-size:10px;line-height:1.45;padding:3px 7px;font-weight:700} .qq-side .qq-move strong{font-weight:900} .qq-move.flat,.qq-change-note{color:#81778f;background:#f5f2f8} .qq-change-note{display:inline-block;font-size:9.5px;line-height:1.45;padding:3px 7px;border-radius:7px} @media(max-width:700px){.qq-row{flex-wrap:wrap;align-items:center;gap:4px 8px}.qq-row>small{width:58px}.qq-mid{flex-basis:calc(100% - 66px)}.qq-mid b{max-width:100%}.qq-side{width:100%;margin-top:2px;gap:7px}.qq-changes{max-width:calc(100% - 92px)}.qq-side .qq-move{font-size:9px}} .qq-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.qq-mid b{max-width:100%} .qq-badges{display:flex;gap:4px;flex-wrap:wrap} .qq-move,.qq-verdict{font-size:8.5px;font-weight:950;padding:2px 6px;border-radius:999px;white-space:nowrap} .qq-move.down{color:#12805c;background:#e8f7ef}.qq-move.up{color:#b45b48;background:#fff0e8} .qq-verdict.buy{color:#357b62;background:#e9f8ef}.qq-verdict.wait{color:#a35d3b;background:#fff0e8}.qq-verdict.neutral{color:#6f57aa;background:#f1ecfb} .qq-miss{padding:9px 12px;font-size:10.5px;color:#9b5d46;background:#fff7f2;border-top:1px solid #f5e4d8;line-height:1.5} .qq-sets{margin-top:16px} .qq-sets>b{display:block;font-size:12.5px;color:#2a2333} .qq-sets>small{display:block;color:#8d8598;font-size:10px;margin:3px 0 8px} .qq-set{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #eee7f8;border-radius:12px;text-decoration:none;color:inherit;margin-top:6px;background:#fff;transition:.15s} .qq-set:hover{border-color:#f0b9ad;background:#fffafa} .qq-set img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#f7f4fb;flex:0 0 auto} .qq-set div{flex:1;min-width:0} .qq-set b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;color:#2a2333;overflow:hidden} .qq-set small{color:#8d8598;font-size:9.5px} .qq-set em{font-style:normal;font-weight:950;color:#df493d;font-size:12px;white-space:nowrap} .qq-empty{padding:14px;border:1px dashed #e4ddf0;border-radius:12px;color:#8d8598;font-size:11px;text-align:center;margin-top:6px} .qq-optgroup{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:10px 0 0} .qq-optgroup>small{font-size:10px;font-weight:900;color:#8d8598;margin-right:2px} .qq-opt{border:1px solid #e4ddf0;border-radius:999px;background:#fff;padding:6px 11px;font-size:11px;font-weight:850;color:#5d5665;cursor:pointer;font-family:inherit;transition:.15s} .qq-opt:hover{border-color:#b9a6e8} .qq-opt.on{background:#5b3fd4;border-color:#5b3fd4;color:#fff} .qq-why{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f6f2fd;border:1px solid #e8dff8} .qq-why b{display:block;font-size:11px;color:#5b3fd4;margin-bottom:4px} .qq-why li{font-size:10.5px;color:#5d5665;line-height:1.6;margin-left:14px} @media(max-width:620px){.qq-tiers{grid-template-columns:1fr 1fr;gap:6px}.qq-tier{padding:11px 10px}.qq-tier b{font-size:12.5px}} .qq-value-status{padding:10px 14px;font-size:11px;color:#6c607e;background:#faf8ff}.qq-value-source{font-size:11px;color:#756887;line-height:1.8}.qq-value-source a{color:#6742df}.qq-value-limit{display:block;font-size:10px;color:#877b99;line-height:1.7;margin-top:4px}.qq-value-details{font-size:12px;margin:10px 0}.qq-value-details summary{cursor:pointer;color:#6742df;font-weight:700}.feature-action:disabled{opacity:.5;cursor:wait} .qq-set-price-note{font-size:11px;color:#82728d;line-height:1.6;margin:9px 0}.qq-set em{min-width:125px;text-align:right;flex:0 0 auto}.qq-set em small{display:block;font-size:10px;color:#8d829b;font-style:normal;font-weight:400}.qq-set em strong{font-size:14px}@media(max-width:700px){.qq-set em{min-width:96px}.qq-set em strong{font-size:12px}} /* First-visit price evidence and two direct paths to the comparison sections. */ .hero-art.hero-brief{padding:22px 24px 20px;overflow:clip} .hero-brief .daily-note-main{margin-top:14px} .hero-brief .daily-note-main h3{font-size:22px;line-height:1.32;white-space:pre-line;letter-spacing:-.7px} .hero-brief #dailyNoteText{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;margin-top:14px;align-items:start;color:#272631} .daily-note-model{font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .daily-note-price{font-size:21px;line-height:1.25;letter-spacing:-.7px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums} .daily-note-observed{grid-column:1/-1;font-size:10px;line-height:1.6;color:#64606f;overflow-wrap:anywhere} .hero-brief .daily-note-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px} .daily-note-metric{display:grid;gap:4px;padding:11px 12px;border:1px solid #e6dff1;border-radius:12px;background:#fff;min-width:0} .daily-note-metric>span{font-size:10px;font-weight:650;color:#57515e} .daily-note-metric>strong{font-size:16px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .daily-note-metric>small{font-size:9px;line-height:1.45;color:#65616c;overflow-wrap:anywhere} .daily-note-metric .is-down{color:#00765b}.daily-note-metric .is-up{color:#b03929}.daily-note-metric .is-flat{color:#51445f} .daily-note-empty{grid-column:1/-1;font-size:11px;line-height:1.6;color:#625a70} .hero-brief .daily-note-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .daily-note-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 13px;border:1px solid #d8cdee;border-radius:10px;color:#544078;background:#fff;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap} .daily-note-primary{background:#6243ca;color:#fff;border-color:#6243ca} .daily-note-action:hover{background:#f0eaff}.daily-note-primary:hover{background:#5135af} .daily-note-action:focus-visible{outline:3px solid #7750df;outline-offset:3px} #marketGrid,#hotdealCard{scroll-margin-top:18px} @media(max-width:520px){.hero-art.hero-brief{padding:19px 18px}.hero-brief .daily-note-main h3{font-size:21px}.daily-note-price{font-size:20px}.hero-brief #dailyNoteText{gap:6px 10px}.daily-note-model{font-size:11px}.daily-note-metric{padding:10px}.daily-note-metric>strong{font-size:14px}.daily-note-action{min-height:42px;padding:10px 12px}.hero-brief .daily-note-foot{gap:7px}} .build-price-status{font-size:10px;line-height:1.55;color:#62566f;margin-top:7px;overflow-wrap:anywhere}.build-price-policy{font-size:11px;line-height:1.65;color:#62566f;margin:6px 0 10px}.build-money b{overflow-wrap:anywhere}.build-part-price strong{overflow-wrap:anywhere} .timing-product-name{background:none;border:0;padding:0;text-align:left;color:inherit;cursor:pointer;max-width:100%}.timing-source-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px;font-size:10px}.timing-source-actions a{color:#655179;text-decoration:underline}.timing-coupang-recheck small{display:block;margin-top:1px;font-size:9px}.timing-trust-row{cursor:default}.timing-trust-row .timing-row-main{flex:1}.timing-trust-row .timing-product-name b{white-space:normal;overflow-wrap:anywhere}.timing-trust-row .timing-row-side{align-self:flex-start} /* PC quote community entry and builder round trip */ .hero-chip.community-entry{color:#553abc;text-decoration:none;background:#f0eaff;border-color:#d8caff;font-weight:850}.hero-chip.community-entry:focus-visible{outline:3px solid #7560df;outline-offset:3px}.community-share{width:100%;margin-top:10px;color:#553abc;border-color:#cbbaff;background:#f5f0ff;font-weight:850}.community-share-hint{font-size:12px;color:#675d7c;margin:7px 0 14px}.community-build-notice{border:1px solid #d3c6f3;background:#f6f2ff;padding:16px 18px;border-radius:16px;margin-bottom:20px;display:flex;gap:18px;align-items:center;justify-content:space-between}.community-build-notice strong{display:block;font-size:15px;color:#33234f}.community-build-notice span{display:block;font-size:12px;color:#645971;margin-top:5px}.community-build-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.community-build-actions button,.community-build-actions a{font:700 12px inherit;cursor:pointer;white-space:nowrap;border-radius:999px;border:1px solid #d7cceb;background:white;color:#553abc;padding:9px 12px;text-decoration:none}.community-build-actions .community-attach{background:#6044d3;color:white;border-color:#6044d3}@media(max-width:640px){.community-build-notice{align-items:stretch;flex-direction:column;gap:12px;padding:14px}.community-build-actions{gap:6px}.community-build-actions button,.community-build-actions a{font-size:11px;padding:9px 10px}}