@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap";:root{--bg: #FFFFFF;--bg-secondary: #F8F8F8;--bg-tertiary: #F0F0F0;--text-primary: #111111;--text-secondary: #555555;--text-tertiary: #999999;--accent: #00FFC2;--accent-dark: #00D4A1;--border: #E5E5E5;--border-light: #F0F0F0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--font-main: "Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--header-height: 72px;--chip-bar-height: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a,button,[role=button],input,select,textarea,.std-onboarding-card,.std-card,.std-chip{touch-action:manipulation}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);background:var(--bg);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}.std-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:1000;display:flex;align-items:center;gap:8px;padding:0 16px}.std-header-logo{display:flex;align-items:center;flex-shrink:0;margin-right:auto}.std-header-logo-img{height:52px;width:auto;display:block}@media (min-width: 1024px){.std-header{justify-content:space-between;padding:0 40px}.std-header-logo{margin-right:0;width:120px}.pc-gnb{position:absolute;left:50%;transform:translate(-50%);display:flex}.std-search-wrap,.std-filter-btn{display:none!important}}.std-search-wrap{display:flex;align-items:center;position:relative;flex-shrink:0}.std-search-icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background .2s,color .2s;flex-shrink:0}.std-search-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.std-search-input{width:0;max-width:0;opacity:0;padding:0;border:none;outline:none;font-family:var(--font-main);font-size:.85rem;background:transparent;transition:width .3s ease,max-width .3s ease,opacity .3s ease,padding .3s ease;color:var(--text-primary);overflow:hidden}.std-search-wrap.open .std-search-input{width:160px;max-width:160px;opacity:1;padding:6px 28px 6px 4px;border-bottom:1.5px solid var(--text-primary)}@media (max-width: 380px){.std-search-wrap.open .std-search-input{width:120px;max-width:120px}}.std-search-clear{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .2s}.std-search-clear:hover{background:var(--border)}.std-filter-btn{position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:background .2s,color .2s}.std-filter-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.std-filter-btn.active{background:var(--text-primary);color:#fff}.std-filter-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#667eea;border:1.5px solid #fff}.std-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#00000059;opacity:0;pointer-events:none;transition:opacity .3s ease}.std-drawer-backdrop.visible{opacity:1;pointer-events:all}.std-drawer{position:fixed;top:0;right:0;bottom:0;width:min(340px,90vw);z-index:4001;background:var(--bg);box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);pointer-events:none}.std-drawer.open{transform:translate(0);pointer-events:all}.std-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.std-drawer-header h3{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.std-drawer-close{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.std-drawer-close:hover{background:var(--bg-tertiary)}.std-drawer-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:20px}.std-drawer-section-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px}.std-drawer-chips{display:flex;flex-wrap:wrap;gap:6px}.std-drawer-chip{padding:6px 14px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg);font-size:.78rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.std-drawer-chip:hover{border-color:#667eea;color:#667eea}.std-drawer-chip.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.std-drawer-dna-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:var(--radius-full);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .25s ease;white-space:nowrap;letter-spacing:.02em;box-shadow:0 2px 8px #667eea4d;-webkit-tap-highlight-color:transparent}.std-drawer-dna-btn:active{transform:scale(.96)}.std-drawer-reset-btn{display:flex;align-items:center;gap:5px;padding:9px 16px;border:1.5px dashed #c0c0c0;border-radius:var(--radius-full);background:#fafafa;color:#777;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.std-drawer-reset-btn:active{border-color:#667eea;color:#667eea;background:#f0f0ff}.std-drawer-price-inputs{display:flex;align-items:center;gap:8px;margin-top:10px}.std-drawer-price-field{flex:1;display:flex;align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .2s ease}.std-drawer-price-field:focus-within{border-color:#667eea}.std-drawer-price-field input{flex:1;border:none;background:transparent;padding:8px 10px;font-size:.78rem;color:var(--text-primary);outline:none;width:0;min-width:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.std-drawer-price-field input::-webkit-outer-spin-button,.std-drawer-price-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.std-drawer-price-unit{padding:0 10px 0 0;font-size:.72rem;color:var(--text-tertiary);font-weight:500;flex-shrink:0}.std-drawer-price-sep{font-size:.85rem;color:var(--text-tertiary);font-weight:600;flex-shrink:0}.std-drawer-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border-light);flex-shrink:0;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.std-drawer-reset{flex:1;padding:12px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg);font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:all .2s}.std-drawer-reset:hover{border-color:#ff6b6b;color:#ff6b6b}.std-drawer-apply{flex:2;padding:12px;border-radius:var(--radius-md);background:var(--text-primary);color:#fff;font-size:.85rem;font-weight:700;transition:all .2s}.std-drawer-apply:hover{background:#333;transform:translateY(-1px)}.std-chip-dna{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:7px 14px;border:none;border-radius:var(--radius-full);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .25s ease;white-space:nowrap;letter-spacing:.02em;box-shadow:0 2px 8px #667eea4d}.std-chip-dna:hover{transform:scale(1.05);box-shadow:0 3px 12px #667eea73}.std-chip-dna svg{flex-shrink:0}.std-chip-reset{flex-shrink:0;position:relative;display:flex;align-items:center;gap:4px;padding:6px 12px;border:1.5px dashed #c0c0c0;border-radius:var(--radius-full);background:#fafafa;color:#777;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.std-chip-reset:hover{border-color:#667eea;border-style:solid;color:#667eea;background:#f0f0ff}.std-chip-reset svg{flex-shrink:0;transition:transform .3s ease}.std-chip-reset:hover svg{transform:rotate(-45deg)}.std-chip-reset[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#222;color:#fff;font-size:.68rem;font-weight:500;padding:6px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1001;box-shadow:0 4px 12px #00000026}.std-chip-reset[data-tooltip]:before{content:"";position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#222;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1001}.std-chip-reset[data-tooltip]:hover:after,.std-chip-reset[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.std-chip-reset[data-tooltip]:hover:before{transform:translate(-50%)}.std-chip-divider{flex-shrink:0;width:1px;height:20px;background:var(--border);margin:0 2px}.std-chip-bar{display:none!important}.std-chip-bar::-webkit-scrollbar{display:none}.std-chip{flex-shrink:0;padding:8px 18px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg);font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.std-chip:hover{border-color:var(--text-tertiary);color:var(--text-primary);transform:translateY(-1px)}.std-chip.active{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary);font-weight:700}.std-brand-bar{display:none!important}.std-brand-bar::-webkit-scrollbar{display:none}.std-brand-chip{flex-shrink:0;padding:5px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;font-size:.72rem;font-weight:600;color:var(--text-tertiary);white-space:nowrap;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.std-brand-chip:hover{border-color:#667eea;color:#667eea}.std-brand-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;font-weight:700}.std-main{padding-top:var(--header-height);min-height:100vh}.std-hero-banner{position:relative;width:100%;height:260px;background:url(/home.png) center 25%/cover no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;margin-bottom:40px;overflow:hidden}@media (min-width: 1024px){.std-hero-banner{height:380px;background-position:center 30%}}.std-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0009);z-index:1}.std-hero-content{position:relative;z-index:2;padding:20px}.std-hero-tag{font-size:.75rem;font-weight:700;letter-spacing:2px;margin-bottom:12px;display:inline-block;border:1px solid rgba(255,255,255,.6);padding:4px 12px}.std-hero-title{font-size:2.2rem;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.std-hero-subtitle{font-size:.95rem;font-weight:400;opacity:.9;text-shadow:0 1px 5px rgba(0,0,0,.3)}.std-catalog-header{display:flex;justify-content:space-between;align-items:flex-end;margin:0 auto 24px;padding:0 16px;max-width:1400px}.std-catalog-title-wrap h2{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin-bottom:4px;text-transform:uppercase;letter-spacing:-.5px}.catalog-count{font-size:.8rem;color:var(--text-secondary)}.std-catalog-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1.5px solid var(--border);border-radius:4px;background:var(--bg);font-size:.85rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.std-catalog-filter-btn:hover{border-color:var(--text-primary)}.std-catalog-filter-btn svg{flex-shrink:0}.std-catalog-filter-btn .filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--text-primary);color:var(--bg);font-size:.68rem;font-weight:700;padding:0 5px;margin-left:2px}@media (min-width: 768px){.std-catalog-header{padding:0 32px;margin-bottom:32px}.std-hero-banner{height:420px;margin-bottom:60px}.std-hero-title{font-size:3.2rem}.std-catalog-title-wrap h2{font-size:1.8rem}}.std-onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:1;transition:opacity .3s ease,transform .3s ease}.std-onboarding.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.std-onboarding-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:6px}.std-onboarding-subtitle{font-size:.85rem;color:var(--text-secondary);text-align:center;margin-bottom:24px}.std-onboarding-counter{font-size:.85rem;font-weight:700;color:var(--accent-dark);margin-bottom:20px;transition:transform .3s}.std-onboarding-counter.pulse{animation:counterPulse .4s ease}@keyframes counterPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.std-onboarding-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:680px;width:100%}@media (max-width: 480px){.std-onboarding{justify-content:flex-start;padding-top:32px;padding-bottom:32px}.std-onboarding-grid{grid-template-columns:repeat(2,1fr);gap:8px}.std-onboarding-card{aspect-ratio:3/3.5}}.std-onboarding-card{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;aspect-ratio:3/4;border:2px solid transparent;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.std-onboarding-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.std-onboarding-card:hover img{transform:scale(1.05)}.std-onboarding-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 45%,transparent 100%);pointer-events:none;z-index:1}.std-onboarding-card .card-label{position:absolute;bottom:36px;left:0;right:0;padding:0 8px;color:#fff;font-size:.85rem;font-weight:700;text-align:center;letter-spacing:.05em;z-index:2;text-shadow:0 1px 6px rgba(0,0,0,.8),0 0 12px rgba(0,0,0,.4)}.std-onboarding-card .card-desc{position:absolute;bottom:8px;left:0;right:0;padding:0 10px;color:#ffffffe6;font-size:.58rem;font-weight:400;text-align:center;line-height:1.4;pointer-events:none;z-index:2;text-shadow:0 1px 5px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.std-onboarding-card .card-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:900;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.std-onboarding-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #00ffc240}.std-onboarding-card.selected .card-check{opacity:1;transform:scale(1)}.std-onboarding-card.selected img{transform:scale(1.03)}.std-onboarding-start{margin-top:24px;padding:14px 48px;border-radius:var(--radius-full);background:var(--text-primary);color:var(--bg);font-size:.9rem;font-weight:700;letter-spacing:.04em;transition:all .3s;opacity:.3;pointer-events:none}.std-onboarding-start.ready{opacity:1;pointer-events:all}.std-onboarding-start.ready:hover{background:#333;transform:translateY(-2px);box-shadow:var(--shadow-md)}.std-grid-container{padding:0}.std-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:1200px;margin:0 auto;padding:0 12px}@media (min-width: 768px){.std-product-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px}}@media (min-width: 1024px){.std-product-grid{grid-template-columns:repeat(4,1fr);gap:20px;padding:0 40px}.std-product-grid .std-card-img{aspect-ratio:4 / 5;max-height:none}.std-product-grid>.std-card{transition:transform .3s cubic-bezier(.32,.72,0,1),box-shadow .3s}.std-product-grid>.std-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}}.std-brand-feed{display:flex!important;flex-direction:column!important;gap:32px;max-width:100%!important;padding:0!important}.brand-row{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.brand-row.visible{opacity:1;transform:none}.brand-row-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 10px}.brand-row-left{display:flex;align-items:baseline;gap:8px}.brand-row-name{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.brand-row-count{font-size:.72rem;color:var(--text-tertiary);font-weight:400}.brand-row-score{font-size:.72rem;font-weight:600;color:var(--accent-color, #00ffc2);background:#00ffc214;padding:3px 8px;border-radius:10px}.std-view-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.std-view-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-color, #00FFC2)}.brand-carousel-wrap{position:relative}.brand-carousel-wrap:before,.brand-carousel-wrap:after{content:"";position:absolute;top:0;bottom:8px;width:32px;z-index:2;pointer-events:none}.brand-carousel-wrap:before{left:0;background:linear-gradient(to right,var(--bg, #fff) 0%,transparent 100%)}.brand-carousel-wrap:after{right:0;background:linear-gradient(to left,var(--bg, #fff) 0%,transparent 100%)}.brand-carousel-track{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;padding:0 16px 8px;-webkit-overflow-scrolling:touch;cursor:grab}.brand-carousel-track:active{cursor:grabbing}.brand-carousel-track::-webkit-scrollbar{display:none}.brand-carousel-track{scrollbar-width:none;-ms-overflow-style:none}.brand-carousel-track img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.brand-carousel-card.std-card{flex:0 0 160px;width:160px;min-width:160px;border-radius:10px;box-shadow:0 1px 4px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.brand-carousel-card .std-card-img-wrap{aspect-ratio:3/4;border-radius:10px 10px 0 0}.brand-carousel-card .std-card-info{padding:8px 8px 10px;height:auto;min-height:70px;max-height:90px}.brand-carousel-card .std-card-brand{display:none}.brand-carousel-card .std-card-title{font-size:.74rem;-webkit-line-clamp:2;line-clamp:2}.brand-carousel-card .std-card-price{font-size:.78rem}.empty-state-wrap{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;animation:fadeSlideIn .4s ease both}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.7}.empty-state-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state-desc{font-size:.8rem;color:var(--text-tertiary);margin:0 0 20px;line-height:1.5}.empty-state-desc strong{color:var(--text-secondary)}.empty-state-btn{padding:10px 28px;border-radius:24px;border:1px solid var(--border-light);background:var(--bg);color:var(--text-primary);font-size:.78rem;cursor:pointer;transition:all .2s}.empty-state-btn:hover{background:var(--bg-secondary);border-color:var(--accent-color, #00FFC2);box-shadow:0 2px 8px #00000014}.std-card{background:var(--bg);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.std-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.std-card:active{transform:scale(.98)}.std-card-img-wrap{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--bg-secondary)}.std-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.std-card:hover .std-card-img-wrap img{transform:scale(1.04)}.std-match-badge{position:absolute;top:10px;left:10px;padding:4px 10px 4px 8px;border-radius:6px;background:#0a0a0a8c;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:.5px solid rgba(255,255,255,.12);color:#ffffffeb;font-size:.68rem;font-weight:700;letter-spacing:.06em;display:flex;align-items:center;gap:5px;z-index:2;transition:background .3s,color .3s}.std-match-badge .match-icon{opacity:.7;flex-shrink:0}.std-match-badge .match-pct{font-variant-numeric:tabular-nums}.std-match-badge.high{background:#0a0a0aa6;border-color:#ffd70040}.std-match-badge.high .match-icon{opacity:1;color:#e8c547}.std-fav-btn{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:transform .2s,background .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.std-fav-btn svg{fill:none;stroke:#999;stroke-width:2;transition:fill .2s,stroke .2s}.std-fav-btn:hover{background:#fffffff2;transform:scale(1.1)}.std-fav-btn.active svg{fill:#e53e3e;stroke:#e53e3e}.std-fav-btn.active{animation:fav-pop .3s ease}@keyframes fav-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.std-card-info{padding:10px 10px 14px;height:110px;min-height:110px;max-height:110px;display:flex;flex-direction:column;box-sizing:border-box}.std-card-brand{font-size:.65rem;font-weight:600;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}.std-card-title{font-size:.82rem;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.std-card-sub{font-size:.7rem;color:var(--text-tertiary)}.std-card-price{font-size:.88rem;font-weight:800;color:var(--text-primary);margin-top:auto;letter-spacing:-.01em}.std-loading{display:flex;justify-content:center;padding:40px 0}.std-loading-dots{display:flex;gap:6px}.std-loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--border);animation:dotPulse 1.4s infinite ease-in-out both}.std-loading-dots span:nth-child(1){animation-delay:0s}.std-loading-dots span:nth-child(2){animation-delay:.16s}.std-loading-dots span:nth-child(3){animation-delay:.32s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.std-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.std-empty-icon{font-size:3rem;margin-bottom:12px}.std-empty h3{font-size:1rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.std-empty p{font-size:.8rem}.std-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#00000059;opacity:0;pointer-events:none;transition:opacity .3s ease}.std-sheet-backdrop.visible{opacity:1;pointer-events:all}.std-sheet{position:fixed;bottom:0;left:0;right:0;z-index:3001;background:var(--bg);border-radius:20px 20px 0 0;max-height:85vh;overflow-y:auto;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0px);pointer-events:none}.std-sheet.visible{transform:translateY(0);pointer-events:auto}.std-sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 0}.std-sheet-content{padding:16px 24px 24px}.std-sheet-img{width:100%;max-height:220px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary);margin-bottom:14px;display:flex;align-items:center;justify-content:center}.std-sheet-img img{width:100%;height:100%;max-height:220px;object-fit:contain}.std-sheet-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:#0a0a0aa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5px solid rgba(255,215,0,.25);color:#ffffffeb;font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:10px}.std-sheet-badge .match-icon{color:#e8c547}.std-sheet-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.std-sheet-sub{font-size:.8rem;color:var(--text-tertiary);margin-bottom:10px}.std-sheet-ai-note{font-size:.82rem;color:var(--text-secondary);line-height:1.5;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--accent);min-height:2em;margin-bottom:16px}.std-sheet-ai-note.typing:after{content:"│";animation:blink .7s step-end infinite;color:var(--accent);font-weight:300}@keyframes blink{50%{opacity:0}}.std-sheet-brand{font-size:.72rem;font-weight:600;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.std-sheet-price{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.02em}.std-sheet-dna{display:none;padding:10px 0;margin-bottom:10px}.std-dna-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.std-dna-row:last-child{margin-bottom:0}.std-dna-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);min-width:42px;text-align:right}.std-dna-track{flex:1;height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden}.std-dna-bar{height:100%;border-radius:4px;min-width:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.std-dna-pct{font-size:.65rem;font-weight:700;color:var(--text-tertiary);min-width:28px;text-align:left}.std-sheet-actions{display:flex;gap:10px;align-items:stretch}.std-sheet-fav-btn{width:52px;flex-shrink:0;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation}.std-sheet-fav-btn svg{fill:none;stroke:#bbb;stroke-width:2;transition:fill .2s,stroke .2s}.std-sheet-fav-btn:hover{border-color:#e53e3e}.std-sheet-fav-btn:hover svg{stroke:#e53e3e}.std-sheet-fav-btn.active{border-color:#e53e3e;background:#fff0f0;animation:fav-pop .3s ease}.std-sheet-fav-btn.active svg{fill:#e53e3e;stroke:#e53e3e}.std-sheet-buy-btn{display:flex;align-items:center;justify-content:center;flex:1;padding:16px;background:var(--text-primary);color:var(--bg);font-size:.95rem;font-weight:700;text-align:center;border-radius:var(--radius-md);letter-spacing:.03em;transition:background .2s}.std-sheet-buy-btn:hover{background:#333}.std-sheet-buy-btn.disabled{background:var(--border);color:var(--text-tertiary);pointer-events:none}.std-card{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.std-card.visible{opacity:1;transform:translateY(0)}.brand-carousel-card.std-card{opacity:1;transform:none}.std-card:nth-child(odd){transition-delay:0s}.std-card:nth-child(2n){transition-delay:.08s}.std-footer{margin-top:60px;background:var(--bg);border-top:1px solid var(--border)}.std-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:48px 48px 36px}.std-footer-brand{display:flex;flex-direction:column;gap:14px}.std-footer-logo-link{display:inline-block}.std-footer-logo-img{height:80px;width:auto;display:block}.std-footer-desc{font-size:.75rem;color:var(--text-tertiary);line-height:1.7;max-width:320px}.std-footer-col h4{font-size:.65rem;font-weight:700;color:var(--text-tertiary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}.std-footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.std-footer-col ul li a{font-size:.75rem;color:var(--text-secondary);transition:color .2s;letter-spacing:.02em}.std-footer-col ul li a:hover{color:var(--text-primary)}.std-footer-admin{font-size:.6rem!important;opacity:.3;transition:opacity .2s,color .2s!important}.std-footer-admin:hover{opacity:1!important}.std-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 48px;border-top:1px solid var(--border-light)}.std-footer-bottom span{font-size:.62rem;color:var(--text-tertiary);letter-spacing:.06em}@media (max-width: 640px){.std-footer-top{grid-template-columns:1fr 1fr;gap:24px;padding:32px 20px 24px}.std-footer-brand{grid-column:span 2}.std-footer-logo-img{height:56px}.std-footer-bottom{flex-direction:column;gap:4px;text-align:center;padding:14px 20px}}@media (min-width: 768px){.std-product-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1200px}.std-card-info{padding:12px 14px 16px}.brand-carousel-card.std-card{flex:0 0 200px;width:200px;min-width:200px}.brand-carousel-card .std-card-info{padding:10px 10px 12px;min-height:80px;max-height:100px}.brand-row-header{padding:0 24px 12px}.brand-carousel-track{padding:0 24px 8px;gap:14px}.brand-row-name{font-size:1.05rem}.std-sheet{max-width:680px;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%) scale(.95);border-radius:20px;opacity:0;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s ease}.std-sheet .std-sheet-content{padding:20px 32px 28px}.std-sheet .std-sheet-img,.std-sheet .std-sheet-img img{max-height:320px}.std-sheet .std-sheet-title{font-size:1.2rem}.std-sheet .std-sheet-badge{font-size:.85rem;padding:7px 16px}.std-sheet.visible{transform:translate(-50%,-50%) scale(1);opacity:1}.std-onboarding-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:720px}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.std-ai-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s}.std-ai-backdrop.visible{opacity:1;pointer-events:auto}.std-ai-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);z-index:1101;background:linear-gradient(180deg,#111118,#0a0a0f);border-radius:24px 24px 0 0;max-height:88vh;width:100%;max-width:480px;overflow:hidden;overflow-y:auto;transition:transform .4s cubic-bezier(.32,.72,0,1),visibility 0s linear .4s;box-shadow:none;pointer-events:none;visibility:hidden}.std-ai-sheet.visible{transform:translate(-50%) translateY(0);box-shadow:0 -8px 40px #00000080;pointer-events:auto;visibility:visible;transition:transform .4s cubic-bezier(.32,.72,0,1),visibility 0s linear 0s}.std-ai-sheet-handle{width:36px;height:3px;background:#fff3;border-radius:2px;margin:12px auto 0}.std-ai-dna-deco{position:absolute;top:0;right:20px;width:60px;height:100%;pointer-events:none;opacity:.12;overflow:hidden}.dna-strand{position:absolute;width:2px;height:200%;top:-50%;left:20px;background:repeating-linear-gradient(180deg,#667eea 0px,#667eea 8px,transparent 8px,transparent 20px,#764ba2 20px,#764ba2 28px,transparent 28px,transparent 40px);animation:dna-scroll 8s linear infinite}.dna-strand.s2{left:38px;animation-delay:-4s;opacity:.6}@keyframes dna-scroll{0%{transform:translateY(0)}to{transform:translateY(40px)}}.std-ai-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 12px;position:relative;z-index:1}.std-ai-sheet-title-group{display:flex;flex-direction:column;gap:4px}.std-ai-sheet-badge-tag{font-size:.62rem;font-weight:700;letter-spacing:.15em;color:#667eea;text-transform:uppercase}.std-ai-sheet-header h3{font-size:1.15rem;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-.02em}.std-ai-sheet-close{background:#ffffff14;border:none;font-size:1.2rem;color:#ffffff80;cursor:pointer;padding:4px 8px;line-height:1;border-radius:8px;transition:background .2s,color .2s}.std-ai-sheet-close:hover{background:#ffffff26;color:#fff}.std-ai-sheet-body{padding:0 24px 28px;position:relative;z-index:1}.std-ai-sheet-desc{font-size:.78rem;color:#ffffff73;line-height:1.6;margin:0 0 16px}.std-ai-sheet-desc strong{color:#ffffffb3}.std-ai-vector-preview{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.vec-dot{width:10px;height:10px;border-radius:50%;background:var(--c);opacity:.4;animation:vec-pulse 2.5s ease-in-out infinite}.vec-dot:nth-child(2){animation-delay:.3s}.vec-dot:nth-child(3){animation-delay:.6s}.vec-dot:nth-child(4){animation-delay:.9s}.vec-dot:nth-child(5){animation-delay:1.2s}.vec-dot:nth-child(6){animation-delay:1.5s}.vec-dot:nth-child(7){animation-delay:1.8s}.vec-dot:nth-child(8){animation-delay:2.1s}@keyframes vec-pulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.9;transform:scale(1.5)}}.std-ai-dropzone{border:1.5px dashed rgba(255,255,255,.15);border-radius:16px;padding:28px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:16px;min-height:130px;display:flex;align-items:center;justify-content:center;background:#ffffff08}.std-ai-dropzone:hover,.std-ai-dropzone.dragover{border-color:#667eea;background:#667eea14}.std-ai-placeholder-icon{margin-bottom:10px}.std-ai-placeholder-text{font-size:.82rem;color:#ffffff8c;font-weight:600;margin-bottom:4px}.std-ai-placeholder-hint{font-size:.68rem;color:#ffffff40}.std-ai-preview{width:100%;max-height:220px;overflow:hidden;border-radius:12px}.std-ai-preview img{width:100%;height:100%;max-height:220px;object-fit:cover;border-radius:12px}.std-ai-analyze-btn{width:100%;padding:15px;border:none;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;margin-bottom:16px;letter-spacing:.03em}.std-ai-analyze-btn:disabled{opacity:.3;cursor:not-allowed}.std-ai-analyze-btn:not(:disabled):hover{transform:scale(1.02)}.std-ai-progress{background:#ffffff0d;border-radius:12px;padding:18px;margin-bottom:16px;border:1px solid rgba(255,255,255,.06)}.std-ai-progress-bar{height:3px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:10px;position:relative}.std-ai-progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:linear-gradient(90deg,#667eea,#a78bfa,#764ba2);border-radius:2px;transition:width .4s ease}.std-ai-progress-text{font-size:.76rem;color:#ffffff80;text-align:center;font-weight:500}.std-ai-result{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}.std-ai-result-title{font-size:.7rem;color:#667eea;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.std-ai-dna-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.std-ai-dna-label{width:50px;text-align:right;font-size:.76rem;color:#ffffff8c;font-weight:600}.std-ai-dna-track{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.std-ai-dna-bar{height:100%;border-radius:3px;transition:width .6s ease}.std-ai-dna-pct{width:36px;font-size:.76rem;color:#fffc;font-weight:700}.std-ai-mood{margin-top:12px;font-size:.8rem;color:#ffffff80;font-style:italic;line-height:1.5}.std-ai-lesson{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.std-ai-lesson-title{font-size:.68rem;color:#ffffff4d;font-weight:600;letter-spacing:.06em;margin-bottom:8px}.std-ai-lesson-row{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.std-ai-lesson-key{width:42px;text-align:right;font-size:.7rem;color:#ffffff59;font-weight:700;flex-shrink:0}.std-ai-lesson-val{font-size:.7rem;color:#ffffff80;line-height:1.5}.std-ai-apply-btn{width:100%;padding:15px;border:none;border-radius:14px;background:linear-gradient(135deg,#00c9ff,#92fe9d);color:#0a0a0f;font-size:.88rem;font-weight:700;cursor:pointer;margin-top:16px;transition:transform .15s;letter-spacing:.02em}.std-ai-apply-btn:hover{transform:scale(1.02)}.std-header-user{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary);border:1.5px solid var(--border);transition:all .2s ease;cursor:pointer;flex-shrink:0}.std-header-user:hover{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.std-header-user.logged-in{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.std-header-user-initial{font-size:.8rem;font-weight:700;line-height:1}.std-header-profile{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;transition:border-color .2s,box-shadow .2s;flex-shrink:0}.std-header-profile:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.std-header-profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.std-header-profile-icon{stroke:var(--text-tertiary);width:16px;height:16px}.std-header-user{display:none!important}.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:3000;opacity:0;pointer-events:none;transition:opacity .3s ease}.auth-backdrop.visible{opacity:1;pointer-events:auto}.auth-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:90%;max-width:420px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;z-index:3001;padding:24px 20px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.auth-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.15);border-top-color:#667eea;border-radius:50%;animation:auth-spin .6s linear infinite;vertical-align:middle;margin-right:6px}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-modal.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.auth-view{overflow-y:auto;flex:1;min-height:0}#auth-profile-view{display:flex;flex-direction:column;overflow:hidden}#auth-profile-view .mypage-header,#auth-profile-view .mypage-stats,#auth-profile-view .mypage-tabs{flex-shrink:0}.mypage-panel{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.mypage-panel::-webkit-scrollbar,.auth-view::-webkit-scrollbar{width:5px}.mypage-panel::-webkit-scrollbar-track,.auth-view::-webkit-scrollbar-track{background:transparent;margin:4px 0}.mypage-panel::-webkit-scrollbar-thumb,.auth-view::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea59,#764ba259);border-radius:10px;transition:background .2s}.mypage-panel::-webkit-scrollbar-thumb:hover,.auth-view::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#667eea99,#764ba299)}.mypage-panel,.auth-view{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.35) transparent}.auth-close{position:absolute;top:12px;right:16px;font-size:1.6rem;color:var(--text-tertiary);background:none;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.auth-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.auth-logo{text-align:center;margin-bottom:12px}.auth-logo img{height:40px;display:inline-block}.auth-title{font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:6px}.auth-subtitle{font-size:.78rem;color:var(--text-tertiary);text-align:center;margin-bottom:24px;line-height:1.5}.auth-field{margin-bottom:12px}.auth-field input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;font-family:var(--font-main);background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s;outline:none}.auth-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.auth-field input::placeholder{color:var(--text-tertiary)}.auth-submit{width:100%;padding:13px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:700;font-family:var(--font-main);cursor:pointer;transition:transform .15s,opacity .15s;margin-top:4px}.auth-submit:hover{transform:scale(1.01)}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{padding:0 12px;font-size:.75rem;color:var(--text-tertiary)}.auth-oauth{width:100%;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);display:flex;align-items:center;justify-content:center;gap:10px;font-size:.85rem;font-weight:600;font-family:var(--font-main);color:var(--text-primary);cursor:pointer;transition:all .2s}.auth-oauth:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.auth-switch{text-align:center;font-size:.78rem;color:var(--text-tertiary);margin-top:16px}.auth-switch a{color:#667eea;font-weight:600;cursor:pointer}.auth-switch a:hover{text-decoration:underline}.auth-error{margin-top:12px;padding:10px 14px;border-radius:var(--radius-sm);background:#fff0f0;color:#e53e3e;font-size:.78rem;text-align:center}.mypage-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.mypage-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;overflow:hidden}.mypage-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mypage-avatar-fallback{line-height:1}.mypage-info{flex:1;min-width:0}.mypage-name{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.mypage-email{font-size:.75rem;color:var(--text-tertiary);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mypage-stats{display:flex;justify-content:center;gap:0;margin-bottom:16px;padding:14px;background:var(--bg-secondary);border-radius:var(--radius-md)}.mypage-stat{flex:1;text-align:center;border-right:1px solid var(--border-light)}.mypage-stat:last-child{border-right:none}.mypage-stat-val{display:block;font-size:1.2rem;font-weight:800;color:var(--text-primary)}.mypage-stat-label{font-size:.65rem;color:var(--text-tertiary);font-weight:500}.mypage-admin-link{display:flex;align-items:center;gap:8px;margin:12px 0 4px;padding:10px 16px;background:linear-gradient(135deg,#ff4d00,#ff7b3a);border-radius:10px;color:#fff;font-size:.78rem;font-weight:700;text-decoration:none;letter-spacing:.02em;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mypage-admin-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff4d0059}.mypage-admin-link span{flex:1}.mypage-admin-link svg:last-child{opacity:.7}.mypage-tabs{display:flex;border-bottom:1px solid var(--border-light);margin-bottom:16px;gap:0}.mypage-tab{flex:1;background:none;border:none;padding:10px 0;font-size:.78rem;font-weight:600;color:var(--text-tertiary);cursor:pointer;font-family:var(--font-main);position:relative;transition:color .2s}.mypage-tab:hover{color:var(--text-secondary)}.mypage-tab.active{color:var(--text-primary)}.mypage-tab.active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--text-primary);border-radius:1px}.mypage-section-title{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}.mypage-section-title svg{opacity:.5}.mypage-dna-summary{margin-top:10px;padding:10px 14px;background:linear-gradient(135deg,#667eea0f,#764ba20f);border-radius:var(--radius-sm);border-left:3px solid #667eea}.mypage-dna-summary p{font-size:.78rem;color:var(--text-secondary);margin:0}.mypage-dna-summary strong{color:#667eea}.mypage-favorites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mypage-favorites-empty{grid-column:span 2;text-align:center;padding:32px 16px;color:var(--text-tertiary)}.mypage-empty-icon{font-size:2rem;display:block;margin-bottom:8px;opacity:.4}.mypage-favorites-empty p{font-size:.85rem;font-weight:600;margin:0 0 4px}.mypage-empty-sub{font-size:.72rem}.mypage-fav-card{border-radius:var(--radius-sm);overflow:hidden;background:var(--bg);border:1px solid var(--border-light);cursor:pointer;transition:box-shadow .2s}.mypage-fav-card:hover{box-shadow:var(--shadow-sm)}.mypage-fav-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bg-secondary)}.mypage-fav-img img{width:100%;height:100%;object-fit:cover}.mypage-fav-score{position:absolute;top:6px;right:6px;background:var(--accent);color:var(--text-primary);font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:var(--radius-sm)}.mypage-fav-info{padding:8px 10px}.mypage-fav-brand{display:block;font-size:.6rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.mypage-fav-title{display:block;font-size:.7rem;font-weight:500;color:var(--text-primary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mypage-fav-price{display:block;font-size:.72rem;font-weight:800;color:var(--text-primary);margin-top:3px}.mypage-setting-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-light)}.mypage-setting-item:last-child{border-bottom:none}.mypage-setting-info{flex:1}.mypage-setting-info strong{display:block;font-size:.82rem;color:var(--text-primary);font-weight:600}.mypage-setting-info span{font-size:.68rem;color:var(--text-tertiary)}.mypage-setting-btn{flex-shrink:0;padding:7px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;font-family:var(--font-main);transition:all .2s}.mypage-setting-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.mypage-setting-danger strong{color:#e53e3e}.mypage-setting-btn-danger{border-color:#e53e3e;color:#e53e3e}.mypage-setting-btn-danger:hover{background:#e53e3e;color:#fff}.auth-sq-preview{padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:0}.auth-sq-bar{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.72rem}.auth-sq-bar:last-child{margin-bottom:0}.auth-sq-bar-label{width:52px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.auth-sq-bar-track{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.auth-sq-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.auth-sq-bar-pct{width:32px;text-align:right;font-weight:600;font-size:.68rem;color:var(--text-tertiary)}.auth-delete-link{display:block;width:100%;background:none;border:none;font-size:.72rem;color:var(--text-tertiary);cursor:pointer;padding:8px 0 0;text-align:center;font-family:var(--font-main);transition:color .2s}.auth-delete-link:hover{color:#e53e3e;text-decoration:underline}.auth-delete-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;border-radius:16px;z-index:10;opacity:0;pointer-events:none;transition:opacity .25s ease}.auth-delete-confirm.visible{opacity:1;pointer-events:all}.auth-delete-confirm-inner{text-align:center;max-width:280px}.auth-delete-icon{font-size:2rem;margin-bottom:12px}.auth-delete-confirm-inner h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.auth-delete-confirm-inner p{font-size:.78rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.auth-delete-actions{display:flex;gap:10px}.auth-delete-cancel-btn{flex:1;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;font-family:var(--font-main);transition:all .2s}.auth-delete-cancel-btn:hover{background:var(--bg-secondary)}.auth-delete-execute-btn{flex:1;padding:12px;border:none;border-radius:var(--radius-sm);background:#e53e3e;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;font-family:var(--font-main);transition:all .2s}.auth-delete-execute-btn:hover{background:#c53030}.auth-delete-execute-btn:disabled{opacity:.5;cursor:not-allowed}.mypage-history-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-light)}.mypage-history-chart{display:flex;gap:6px;margin-top:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:10px;padding-bottom:2px}.mypage-history-chart::-webkit-scrollbar{display:none}.history-entry{min-width:120px;max-width:140px;flex-shrink:0;background:var(--bg-secondary);border-radius:10px;padding:10px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;position:relative;animation:fadeSlideIn .3s ease both}.history-entry:first-child:before{content:"NOW";position:absolute;top:-5px;right:8px;font-size:.48rem;font-weight:800;color:var(--bg);background:var(--accent-color, #00FFC2);padding:1px 5px;border-radius:4px;letter-spacing:.06em;line-height:1.4}.history-entry:nth-child(1){animation-delay:0s}.history-entry:nth-child(2){animation-delay:.04s}.history-entry:nth-child(3){animation-delay:.08s}.history-entry:nth-child(4){animation-delay:.12s}.history-entry:nth-child(5){animation-delay:.16s}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.history-card-header{display:flex;align-items:center;justify-content:space-between;gap:4px}.history-date{font-size:.62rem;color:var(--text-tertiary);font-family:var(--font-mono);font-weight:600;flex-shrink:0}.history-trigger{font-size:.5rem;color:var(--text-tertiary);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px;text-align:right}.history-stacked-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;width:100%}.history-stacked-seg{height:100%;transition:width .4s ease}.history-bars{display:flex;flex-wrap:wrap;gap:2px}.history-bar-chip{display:inline-flex;align-items:center;gap:2px;padding:1px 4px;border-radius:6px;font-size:.5rem;font-weight:600;color:#fff;white-space:nowrap;line-height:1.4}.history-bar-chip .chip-val{opacity:.75;font-weight:400;font-size:.48rem}.history-dot{display:none}.mypage-history-hint{font-size:.58rem;color:var(--text-tertiary);text-align:center;margin-top:6px;margin-bottom:0;opacity:.7}.mypage-history-chart-wrap{position:relative}.mypage-history-chart-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none;border-radius:0 10px 10px 0;z-index:1}.mypage-similar-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-light)}.mypage-similar-grid{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.mypage-similar-grid::-webkit-scrollbar{display:none}.similar-product-card{min-width:110px;max-width:110px;flex-shrink:0;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:transform .2s;scroll-snap-align:start}.similar-product-card:active{transform:scale(.97)}.similar-product-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.similar-product-info{padding:6px 8px 8px}.similar-product-brand{font-size:.55rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.similar-product-title{font-size:.65rem;color:var(--text-primary);font-weight:500;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.similar-product-match{font-size:.58rem;color:var(--accent-color, #00FFC2);font-weight:700;margin-top:3px;font-family:var(--font-mono)}.mypage-similar-hint{font-size:.62rem;color:var(--text-tertiary);text-align:center;margin-top:8px;margin-bottom:0}.similar-empty{width:100%;text-align:center;padding:16px;color:var(--text-tertiary);font-size:.72rem}.similar-empty-icon{font-size:1.6rem;display:block;margin-bottom:8px;opacity:.5}.similar-carousel-wrap{position:relative;display:flex;align-items:center;gap:4px;margin-top:10px}.similar-nav-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg);color:var(--text-secondary);font-size:1.1rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 1px 4px #0000000f;z-index:2;line-height:1;padding:0 0 2px}.similar-nav-btn:hover{background:var(--bg-secondary);border-color:var(--accent-color, #00FFC2);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.similar-nav-btn:active{transform:scale(.92)}.similar-nav-btn.hidden{opacity:0;pointer-events:none}@media (hover: none) and (pointer: coarse){.similar-nav-btn{display:none}.similar-carousel-wrap{gap:0}}@media (max-width: 480px){.auth-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;padding:20px 16px;top:0;left:0;transform:translateY(100%) scale(1);transition:opacity .3s ease,transform .35s cubic-bezier(.32,.72,0,1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.auth-modal.visible{transform:translateY(0) scale(1)}.mypage-panel::-webkit-scrollbar{width:4px}.mypage-panel::-webkit-scrollbar-track{background:transparent}.mypage-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea4d,#764ba24d);border-radius:10px}.mypage-panel::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#667eea8c,#764ba28c)}.auth-close{top:10px;right:12px}.mypage-header{margin-bottom:12px}.mypage-avatar{width:44px;height:44px}.mypage-name{font-size:1rem}.mypage-email{font-size:.68rem}.mypage-stats{padding:10px 8px;margin-bottom:12px}.mypage-stat-value{font-size:1rem}.mypage-stat-label{font-size:.58rem}.mypage-tabs{margin-bottom:12px}.mypage-tab{padding:8px 0;font-size:.72rem}.mypage-section-title{font-size:.72rem;margin-bottom:8px}.auth-sq-preview{padding:10px;gap:6px}.sq-bar-label{font-size:.62rem;min-width:36px}.sq-bar-value{font-size:.62rem}.mypage-dna-summary{padding:8px 10px;font-size:.7rem}.mypage-history-section{margin-top:10px;padding-top:8px}.mypage-history-chart{gap:5px}.history-entry{min-width:108px;max-width:126px;padding:8px;gap:5px}.history-date{font-size:.56rem}.history-bar-chip{font-size:.46rem;padding:1px 3px}.history-bar-chip .chip-val{font-size:.44rem}.history-trigger{font-size:.46rem}.mypage-similar-section{margin-top:12px;padding-top:10px}.similar-product-card{min-width:100px;max-width:100px}.similar-product-brand{font-size:.5rem}.similar-product-title{font-size:.6rem}.similar-product-match{font-size:.54rem}.similar-product-info{padding:4px 6px 6px}.mypage-setting-item{padding:10px 0}}.vsv-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);padding:10px 20px;border-radius:var(--radius-full);background:#111111e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.78rem;font-weight:600;font-family:var(--font-main);white-space:nowrap;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.vsv-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.vsv-toast .toast-icon{margin-right:6px}.std-sheet-share-btn{width:52px;flex-shrink:0;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation}.std-sheet-share-btn svg{fill:none;stroke:#bbb;stroke-width:2;transition:stroke .2s}.std-sheet-share-btn:hover{border-color:var(--accent-dark)}.std-sheet-share-btn:hover svg{stroke:var(--accent-dark)}.std-sheet-share-btn.copied{border-color:var(--accent-dark);background:#00d4a114}.std-sheet-share-btn.copied svg{stroke:var(--accent-dark)}.std-match-badge{cursor:pointer}.std-match-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.9);padding:8px 12px;background:#111111f2;color:#fff;font-size:.65rem;font-weight:500;line-height:1.4;border-radius:var(--radius-sm);white-space:nowrap;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.std-match-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#111111f2}.std-match-tooltip.visible{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.mypage-history-section{position:relative}.mypage-history-chart-wrap{position:relative;overflow:hidden}.mypage-history-chart-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none;z-index:1;opacity:1;transition:opacity .3s}.mypage-history-chart-wrap.scrolled-end:after{opacity:0}.vsv-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(20px);background:#111111eb;color:#fff;padding:12px 24px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;letter-spacing:.01em;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000040;display:flex;align-items:center;gap:8px;white-space:nowrap}.vsv-toast.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.vsv-toast .toast-icon{font-size:1rem}.std-match-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.9);display:block;background:#111111eb;color:#fff;padding:5px 10px;border-radius:6px;font-size:.68rem;font-weight:500;white-space:nowrap;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.std-match-tooltip.visible{opacity:1;transform:translate(-50%) scale(1)}.std-sheet-share-btn{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.std-sheet-share-btn:hover{border-color:var(--accent);color:var(--accent);background:#00ffc20f}.std-sheet-share-btn.copied{border-color:var(--accent);color:var(--accent);background:#00ffc21f}.std-sheet-share-btn svg{width:18px;height:18px}.mypage-fav-card{transition:transform .2s ease,box-shadow .2s ease}.mypage-fav-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.mypage-fav-card{position:relative}.mypage-fav-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;opacity:0;transition:opacity .2s,background .2s;padding:0}.mypage-fav-card:hover .mypage-fav-remove{opacity:1}@media (hover: none){.mypage-fav-remove{opacity:1}}.mypage-fav-remove:hover{background:#ff1744d9}@media (min-width: 1024px){.pc-gnb{display:flex;align-items:center;gap:0}.pc-gnb-item{display:flex;align-items:center;padding:8px 20px;font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border:none;background:none;cursor:pointer;transition:color .2s;border-bottom:2px solid transparent;white-space:nowrap}.pc-gnb-item:hover{color:var(--text-primary)}.pc-gnb-item.active{color:var(--text-primary);font-weight:700;border-bottom-color:var(--text-primary)}.std-header{padding:0 40px;gap:24px}.std-header-logo{order:1;margin-right:auto}.pc-gnb{order:2}.std-header-profile{order:4;width:36px;height:36px;border-radius:50%;border:2px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;transition:border-color .2s,box-shadow .2s;flex-shrink:0;margin-left:auto}.notif-header-actions{position:static;transform:none;order:4;margin-left:auto}.notif-header-actions .std-header-profile{margin-left:0}.std-header-profile:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.std-header-profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.std-header-profile-icon{stroke:var(--text-tertiary)}.std-view-toggle,.std-community-btn,.std-header-user,.std-bottom-nav{display:none!important}}body.dark-mode{--bg: #0d0d0d;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-tertiary: #666;--border: #333;--border-light: #2a2a2a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5)}body.dark-mode .std-chip{background:#1a1a1a;border-color:#333;color:#ccc}body.dark-mode .std-chip.active{background:#f0f0f0;color:#111;border-color:#f0f0f0}body.dark-mode .std-card{background:#1a1a1a;border-color:#2a2a2a}body.dark-mode .std-drawer{background:#1a1a1a}body.dark-mode .std-drawer-chip{background:#222;border-color:#333;color:#ccc}body.dark-mode .std-onboarding{background:#0d0d0d}body.dark-mode .std-onboarding-card{background:#1a1a1a;border-color:#333}body.dark-mode .std-section-header{color:#f0f0f0}body.dark-mode .std-brand-chip{background:#1a1a1a;border-color:#333;color:#ccc}body.dark-mode .std-search-input{background:#1a1a1a;color:#f0f0f0;border-color:#333}body.dark-mode .mypage-backdrop{background:#000000b3}body.dark-mode .mypage-modal{background:#1a1a1a;color:#f0f0f0}body.dark-mode .mypage-stat{border-color:#333}body.dark-mode .mypage-tab{color:#888}body.dark-mode .mypage-tab.active{color:#f0f0f0;border-bottom-color:#f0f0f0}body.dark-mode .std-sheet-backdrop{background:#000000b3}body.dark-mode .std-sheet{background:#1a1a1a}body.dark-mode footer{background:#0a0a0a;border-top-color:#222}.mypage-setting-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}.mypage-setting-toggle-label{font-size:.82rem;font-weight:500;color:var(--text-primary)}.toggle-switch{position:relative;width:44px;height:24px;background:var(--border);border-radius:12px;cursor:pointer;transition:background .3s;border:none;padding:0}.toggle-switch.active{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s;box-shadow:0 1px 3px #0003}.toggle-switch.active:after{transform:translate(20px)}.style-matching-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#f4f4fa;background-image:linear-gradient(135deg,#f0f0ff,#e8ecf8,#f5f0ff 60%,#f4f4fa);display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .5s ease}.style-matching-overlay.active{opacity:1;pointer-events:auto}.style-matching-overlay.fade-out{opacity:0;transition:opacity .8s cubic-bezier(.19,1,.22,1)}.sm-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(102,126,234,.06) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0;animation:smPatternDrift 20s linear infinite}@keyframes smPatternDrift{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.sm-inner{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;z-index:2}.sm-circle-wrap{position:relative;width:220px;height:220px}.sm-circle-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.sm-circle-bg{fill:none;stroke:#667eea14;stroke-width:3}.sm-circle-track{fill:none;stroke:#667eea1f;stroke-width:5}.sm-circle-progress{fill:none;stroke:url(#smGradient);stroke:#667eea;stroke-width:5;stroke-linecap:round;stroke-dasharray:534.07;stroke-dashoffset:534.07;filter:drop-shadow(0 0 8px rgba(102,126,234,.4));transition:stroke-dashoffset .1s linear}.sm-circle-glow{fill:none;stroke:#667eea;stroke-width:12;stroke-linecap:round;stroke-dasharray:534.07;stroke-dashoffset:534.07;opacity:.12;filter:blur(6px)}.sm-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.sm-pct{font-family:Inter,sans-serif;font-size:2.8rem;font-weight:800;letter-spacing:-.02em;color:#2d2d3f;transition:text-shadow .3s ease,opacity .5s ease}.sm-pct.glow{text-shadow:0 0 20px rgba(102,126,234,.5),0 0 40px rgba(118,75,162,.2);color:#4a50c7}.sm-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:scale(.5);opacity:0;transition:all .8s cubic-bezier(.19,1,.22,1);pointer-events:none}.sm-logo.reveal{opacity:1;transform:scale(1)}.sm-logo-img{height:60px;width:auto;max-width:140px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.sm-status{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:3rem}.sm-msg{font-family:Inter,Noto Sans KR,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.05em;color:#4a4a6a;text-align:center;transition:all .4s ease}.sm-sub-msg{font-family:Inter,Noto Sans KR,sans-serif;font-size:.72rem;font-weight:400;color:#88a;text-align:center}.sm-msg.blur-out{filter:blur(4px);opacity:0;transition:all .15s ease}.sm-dna-pills{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;max-width:400px;margin-top:.5rem}.sm-dna-pill{font-family:Inter,Noto Sans KR,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.03em;padding:.35rem .9rem;border:1.5px solid rgba(102,126,234,.15);border-radius:20px;color:#aaa;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .6s ease}.sm-dna-pill.lit{border-color:var(--pill-color, #667eea);color:var(--pill-color, #667eea);background:#ffffffe6;box-shadow:0 0 12px color-mix(in srgb,var(--pill-color, #667eea) 25%,transparent)}.sm-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .1s linear;box-shadow:0 0 10px #667eea80}@media (max-width: 768px){.sm-circle-wrap{width:180px;height:180px}.sm-pct{font-size:2.2rem}.sm-msg{font-size:.78rem}}.dna-evo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(120px);z-index:90000;background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.15);border-radius:16px;padding:14px 20px;min-width:280px;max-width:380px;box-shadow:0 8px 32px #00000014,0 2px 8px #667eea1a;opacity:0;transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .3s ease;pointer-events:none}.dna-evo-toast.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.dna-evo-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dna-evo-icon{font-size:1.1rem}.dna-evo-title{font-family:Inter,Noto Sans KR,sans-serif;font-size:.78rem;font-weight:700;color:#2d2d3f;letter-spacing:.02em}.dna-evo-changes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.dna-evo-badge{display:inline-flex;align-items:center;font-family:Inter,Noto Sans KR,sans-serif;font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:12px;background:color-mix(in srgb,var(--badge-color, #667eea) 10%,transparent);color:var(--badge-color, #667eea);border:1px solid color-mix(in srgb,var(--badge-color, #667eea) 20%,transparent)}.dna-evo-summary{font-family:Inter,Noto Sans KR,sans-serif;font-size:.62rem;color:#88a;letter-spacing:.02em}@media (max-width: 768px){.dna-evo-toast{min-width:260px;max-width:calc(100vw - 32px);bottom:16px}}@media (max-width: 480px){.std-hero-banner{height:200px;margin-bottom:24px}.std-hero-title{font-size:1.5rem;letter-spacing:0}.std-hero-subtitle{font-size:.78rem}.std-hero-tag{font-size:.65rem;padding:3px 8px;letter-spacing:1.5px;margin-bottom:8px}.std-hero-content{padding:12px}.std-header{padding:0 10px;gap:4px}.std-header-logo-img{height:20px}.std-catalog-header{padding:0 12px;margin-bottom:16px}.std-catalog-title-wrap h2{font-size:1.1rem}.std-catalog-count{font-size:.72rem}.product-brand{font-size:.62rem}.product-title{font-size:.72rem;line-height:1.3;-webkit-line-clamp:2;line-clamp:2}.product-price{font-size:.82rem}.product-info{padding:6px 4px}.chip-bar{padding:0 8px;gap:6px}.std-chip{font-size:.72rem;padding:6px 12px}.std-filter-drawer{width:85vw;max-width:320px}.std-match-badge{font-size:.6rem;padding:2px 6px}.std-bottom-nav{padding:6px 0 env(safe-area-inset-bottom,0)}.bottom-nav-item{font-size:.6rem;gap:2px}.bottom-nav-item svg{width:20px;height:20px}}@media (max-width: 360px){.std-hero-banner{height:170px}.std-hero-title{font-size:1.3rem}.product-grid{gap:8px;padding:0 8px}}.feed-tabs{position:fixed;top:var(--header-height);left:0;right:0;height:44px;background:var(--bg);border-bottom:1px solid var(--border-light);z-index:999;display:flex;align-items:stretch}.feed-tab{flex:1;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;color:var(--text-tertiary);border:none;background:none;cursor:pointer;position:relative;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.feed-tab:hover{color:var(--text-secondary)}.feed-tab.active{color:var(--text-primary);font-weight:700}.feed-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--text-primary);border-radius:2px 2px 0 0}.trending-tags-bar{position:fixed;top:calc(var(--header-height) + 44px);left:0;right:0;z-index:998;background:var(--bg);border-bottom:1px solid var(--border-light);padding:8px 0}.trending-tags-scroll{display:flex;gap:6px;padding:0 14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.trending-tags-scroll::-webkit-scrollbar{display:none}.trending-tag-chip{display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg);font-size:.72rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;flex-shrink:0}.trending-tag-chip:hover{border-color:#667eea;color:#667eea}.trending-tag-chip.active{background:#667eea;color:#fff;border-color:#667eea}.trending-tag-fire{font-size:.68rem}.trending-tag-count{font-size:.62rem;opacity:.6}.story-banner{position:fixed;top:calc(var(--header-height) + 44px + 38px);left:0;right:0;z-index:997;background:var(--bg);border-bottom:1px solid var(--border-light);padding:10px 0}.story-scroll{display:flex;gap:14px;padding:0 14px;overflow-x:auto;scrollbar-width:none}.story-scroll::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;flex-shrink:0}.story-avatar-ring{width:56px;height:56px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);display:flex;align-items:center;justify-content:center}.story-avatar-inner{width:100%;height:100%;border-radius:50%;background:var(--bg);border:2px solid var(--bg);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--text-tertiary)}.story-avatar-inner img{width:100%;height:100%;object-fit:cover}.story-name{font-size:.62rem;font-weight:600;color:var(--text-secondary);max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.feed-main{padding-top:calc(var(--header-height) + 44px + 38px + 8px);padding-bottom:calc(70px + env(safe-area-inset-bottom,0px));min-height:100vh;max-width:960px;margin:0 auto;padding-left:12px;padding-right:12px;transition:padding-top .2s;display:flex;flex-direction:column}.feed-main.with-stories{padding-top:calc(var(--header-height) + 44px + 38px + 80px + 8px)}#feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 4px;order:2}.feed-sidebar{order:1;display:flex;flex-direction:row;gap:12px;padding:8px 0;margin:0 -12px;padding-left:calc(50% - 140px);padding-right:calc(50% - 140px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}.feed-sidebar::-webkit-scrollbar{display:none}.feed-sidebar .feed-sidebar-card{flex:0 0 auto;width:280px;background:var(--bg-card, #fff);border-radius:14px;padding:12px 14px;border:1px solid var(--border-light, #eee);scroll-snap-align:center;box-shadow:0 1px 4px #0000000a}.feed-sidebar .feed-sidebar-title{font-size:.8rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.feed-sidebar .sidebar-trending-item,.feed-sidebar .sidebar-user-item{padding:4px 0!important}.challenge-banner{order:0}.trending-tags-bar{order:-1}.feed-empty,.feed-loading{order:3}#feed-grid .feed-card{position:relative;border:none!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden;cursor:pointer;aspect-ratio:1 / 1;background:#000}.feed-card:hover{transform:none;box-shadow:none}#feed-grid .feed-card-header,#feed-grid .feed-actions,#feed-grid .feed-content,#feed-grid .feed-content-area,#feed-grid .feed-tags,#feed-grid .feed-comments-section,#feed-grid .feed-comment-section,#feed-grid .feed-comment-input-wrap{display:none!important}#feed-grid .feed-images{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;aspect-ratio:unset!important;width:100%!important;height:100%!important;background:#000!important;overflow:hidden}#feed-grid .feed-images-track{width:100%;height:100%;min-height:0}#feed-grid .feed-images-track img{width:100%;height:100%;object-fit:cover;display:block}.feed-images-dots,.feed-image-counter{display:none}.feed-hot-badge{top:6px;left:6px;font-size:.55rem;padding:2px 5px}.feed-multi-icon{display:flex;position:absolute;top:6px;right:6px;z-index:3;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.feed-multi-icon svg{width:16px;height:16px}.feed-text-thumb{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:unset;width:100%;height:100%;border-radius:0;align-items:center;justify-content:center;padding:12px}.feed-text-thumb-content{font-size:.7rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.feed-text-thumb-type{font-size:.55rem}.feed-video-play-btn svg{width:28px;height:28px}.feed-hover-overlay{display:none}@media (min-width: 1024px){.feed-tabs,.trending-tags-bar{padding-left:60px;padding-right:60px;position:sticky}.trending-tags-scroll{flex-wrap:wrap;gap:8px;overflow-x:visible;padding:4px 0}.story-banner{padding-left:60px;padding-right:60px}.feed-main{max-width:none;margin:0;padding-left:60px;padding-right:60px;padding-bottom:60px;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}#feed-grid{grid-template-columns:repeat(4,1fr);gap:2px;padding:0;order:unset;grid-column:1;grid-row:2}.feed-empty,.feed-loading{grid-column:1}.challenge-banner{grid-column:1;border-radius:12px;margin-bottom:16px;grid-row:1}.feed-sidebar{display:block!important;flex-direction:unset;order:unset;grid-column:2;grid-row:1 / span 3;position:sticky;top:calc(var(--header-height) + 44px + 52px + 20px);max-height:calc(100vh - var(--header-height) - 140px);overflow-x:hidden;overflow-y:auto;padding:0;margin:0;gap:0;scroll-snap-type:unset}.feed-sidebar .feed-sidebar-card{width:auto;flex:unset;scroll-snap-align:unset;box-shadow:none}.feed-sidebar-card{background:var(--bg);border:1px solid var(--border-light);border-radius:16px;padding:20px;margin-bottom:16px}.feed-sidebar-title{font-size:.8rem;font-weight:700;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:6px}.feed-sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-light);cursor:pointer;transition:opacity .2s}.feed-sidebar-item:last-child{border-bottom:none}.feed-sidebar-item:hover{opacity:.7}.feed-sidebar-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text-tertiary);flex-shrink:0;overflow:hidden}.feed-sidebar-avatar img{width:100%;height:100%;object-fit:cover}.feed-sidebar-info{flex:1;min-width:0}.feed-sidebar-name{font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-sidebar-meta{font-size:.68rem;color:var(--text-tertiary)}.feed-sidebar-stat{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-secondary);font-weight:600;flex-shrink:0}.feed-sidebar-follow-btn{padding:5px 14px;border-radius:8px;border:1.5px solid #667eea;background:transparent;color:#667eea;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s;flex-shrink:0}.feed-sidebar-follow-btn:hover{background:#667eea;color:#fff}#feed-grid .feed-card{position:relative;border:none!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden;cursor:pointer;aspect-ratio:1 / 1;background:#000}.feed-card:hover{transform:none;box-shadow:none}#feed-grid .feed-card-header,#feed-grid .feed-actions,#feed-grid .feed-content,#feed-grid .feed-content-area,#feed-grid .feed-tags,#feed-grid .feed-comments-section,#feed-grid .feed-comment-section,#feed-grid .feed-comment-input-wrap{display:none!important}#feed-grid .feed-images{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;aspect-ratio:unset!important;width:100%!important;height:100%!important;background:#000!important;overflow:hidden}#feed-grid .feed-images-track{width:100%;height:100%;min-height:0}#feed-grid .feed-images-track img{width:100%;height:100%;object-fit:cover;display:block}#feed-grid .feed-images-dots,#feed-grid .feed-image-counter{display:none!important}.feed-hot-badge{top:8px;left:8px;font-size:.6rem;padding:2px 6px}.feed-multi-icon{position:absolute;top:8px;right:8px;z-index:3;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.feed-video-badge{position:absolute;bottom:8px;left:8px;background:#000000b3;color:#fff;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:4px;z-index:3;display:flex;align-items:center;gap:3px}.feed-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease;pointer-events:none;border-radius:12px}.feed-card:hover .feed-hover-overlay{opacity:1}.feed-hover-match{font-size:.85rem;font-weight:800;color:#fff;background:#667eeab3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 12px;border-radius:20px;letter-spacing:.02em}.feed-hover-stats-row{display:flex;align-items:center;gap:24px}.feed-hover-stat{display:flex;align-items:center;gap:6px;color:#fff;font-size:.95rem;font-weight:700}.feed-hover-stat svg{width:20px;height:20px;fill:#fff}.feed-text-thumb{position:absolute;top:0;right:0;bottom:0;left:0;display:flex!important;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;color:#fff}.feed-multi-icon{display:block!important}.feed-text-thumb-content{font-size:.9rem;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.feed-text-thumb-type{position:absolute;bottom:10px;left:10px;font-size:.68rem;font-weight:700;background:#0000004d;padding:3px 8px;border-radius:6px}.std-bottom-nav{display:none!important}}@media (max-width: 640px){.feed-main{max-width:100%;padding-left:0;padding-right:0}#feed-grid{grid-template-columns:repeat(3,1fr);gap:2px}.challenge-banner{margin:0 12px 8px;padding:12px 14px;border-radius:12px;font-size:.82rem}.challenge-banner .challenge-badge{font-size:1.2rem}.challenge-banner .challenge-title{font-size:.82rem}.challenge-banner .challenge-desc{font-size:.72rem}.challenge-join-btn{font-size:.72rem;padding:6px 12px}.feed-tabs{padding:0 14px}.feed-tab{font-size:.82rem;padding:10px 0}.trending-tags-bar{padding:0 14px}.trending-tag-chip{font-size:.72rem}.feed-dna-match{font-size:.65rem;padding:2px 6px}}.feed-images img{max-height:360px;object-fit:cover}#feed-grid .feed-images img{max-height:none!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block}.feed-post-menu{position:relative;flex-shrink:0}.feed-post-menu-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px 8px;color:var(--text-tertiary);border-radius:50%;transition:background .2s}.feed-post-menu-btn:hover{background:var(--bg-secondary)}.feed-post-menu-dropdown{position:absolute;top:100%;right:0;background:var(--bg);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 20px #0000001f;min-width:140px;z-index:100;overflow:hidden;display:none}.feed-post-menu-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:.82rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .2s}.feed-post-menu-item:hover{background:var(--bg-secondary)}.feed-hot-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#ff512f,#dd2476);color:#fff;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:8px;z-index:2;display:flex;align-items:center;gap:3px;box-shadow:0 2px 8px #dd24764d}.feed-dna-match{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:#667eea;margin-left:auto;padding:3px 8px;border-radius:var(--radius-full);background:#667eea14}.feed-dna-match svg{width:12px;height:12px}.feed-card{background:var(--bg);border-radius:16px;border:1px solid var(--border-light);box-shadow:0 2px 12px #0000000a;overflow:hidden;transition:box-shadow .3s ease}.feed-card:hover{box-shadow:0 4px 20px #00000014}.feed-card-header{display:flex;align-items:center;gap:8px;padding:10px 12px;overflow:hidden}.feed-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-size:.8rem;color:var(--text-tertiary)}.feed-avatar img{width:100%;height:100%;object-fit:cover}.feed-author-info{flex:1;min-width:0}.feed-author-name{font-size:.82rem;font-weight:700;color:var(--text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-post-type{font-size:.68rem;color:var(--text-tertiary);margin-top:1px}.feed-time{font-size:.7rem;color:var(--text-tertiary);flex-shrink:0}.feed-images{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--bg-secondary)}.feed-images-track{display:flex;width:100%;height:100%;transition:transform .3s ease;will-change:transform}.feed-images-track img{width:100%;height:100%;object-fit:cover;flex-shrink:0}.feed-video-wrap{width:100%;height:100%;flex-shrink:0;position:relative}.feed-video{width:100%;height:100%;object-fit:cover;display:block}.feed-video-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;pointer-events:none;transition:opacity .3s ease}.feed-video-play-btn svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.feed-images-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:5px}.feed-images-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;transition:background .2s}.feed-images-dot.active{background:#fff}.feed-image-counter{position:absolute;top:12px;right:12px;background:#0009;color:#fff;font-size:.68rem;font-weight:600;padding:3px 8px;border-radius:10px}.feed-actions{display:flex;align-items:center;padding:8px 12px;gap:14px}.feed-action-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.78rem;font-weight:600;padding:4px;transition:color .15s,transform .15s;-webkit-tap-highlight-color:transparent}.feed-action-btn:active{transform:scale(.9)}.feed-action-btn svg{width:22px;height:22px}.feed-action-btn.liked{color:#ff3b5c}.feed-action-btn.liked svg{fill:#ff3b5c;stroke:#ff3b5c}@keyframes heartPop{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(.95)}45%{transform:scale(1.15)}to{transform:scale(1)}}.feed-action-btn.liked svg{animation:heartPop .45s ease}.feed-action-spacer{flex:1}.feed-action-share{color:var(--text-tertiary)}.feed-content{padding:0 16px 12px}.feed-likes-count{font-size:.78rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.feed-caption{font-size:.82rem;color:var(--text-primary);line-height:1.4;word-break:break-word}.feed-caption strong{font-weight:700;margin-right:6px}.feed-view-comments{font-size:.78rem;color:var(--text-tertiary);margin-top:4px;cursor:pointer;border:none;background:none;padding:0}.feed-view-comments:hover{color:var(--text-secondary)}.feed-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px 12px}.feed-tag{font-size:.7rem;font-weight:600;color:#667eea;background:#667eea14;padding:3px 10px;border-radius:var(--radius-full)}.feed-comments-section{border-top:1px solid var(--border-light);padding:12px 16px;display:none}.feed-comments-section.open{display:block}.feed-comment-item{display:flex;gap:8px;margin-bottom:8px}.feed-comment-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-tertiary);overflow:hidden}.feed-comment-avatar img{width:100%;height:100%;object-fit:cover}.feed-comment-body{flex:1}.feed-comment-body strong{font-size:.78rem;font-weight:700;color:var(--text-primary);margin-right:6px}.feed-comment-body span{font-size:.78rem;color:var(--text-primary);line-height:1.3}.feed-comment-time{font-size:.65rem;color:var(--text-tertiary);margin-top:2px}.feed-comment-input-wrap{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--border-light)}.feed-comment-input{flex:1;border:none;outline:none;font-family:var(--font-main);font-size:.82rem;color:var(--text-primary);background:transparent;padding:8px 0}.feed-comment-input::placeholder{color:var(--text-tertiary)}.feed-comment-send{font-size:.82rem;font-weight:700;color:#667eea;border:none;background:none;cursor:pointer;padding:6px;opacity:.4;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.feed-comment-send.active{opacity:1}.feed-fab{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:20px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 16px #667eea66;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.feed-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #667eea80}.feed-fab:active{transform:scale(.95)}.feed-fab svg{width:24px;height:24px}.create-post-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#0006;opacity:0;pointer-events:none;transition:opacity .3s ease}.create-post-backdrop.visible{opacity:1;pointer-events:all}.create-post-modal{position:fixed;bottom:0;left:0;right:0;max-height:90vh;z-index:5001;background:var(--bg);border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden}.create-post-modal.open{transform:translateY(0)}.create-post-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:10px auto}.create-post-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px;border-bottom:1px solid var(--border-light)}.create-post-header h3{font-size:1rem;font-weight:700}.create-post-close{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.create-post-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.create-post-images{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.create-post-images::-webkit-scrollbar{display:none}.create-post-add-img{width:100px;height:100px;border-radius:var(--radius-md);border:2px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-tertiary);font-size:.7rem;cursor:pointer;flex-shrink:0;transition:border-color .2s,color .2s;background:none}.create-post-add-img:hover{border-color:#667eea;color:#667eea}.create-post-add-img svg{width:24px;height:24px}.create-post-preview{width:100px;height:100px;border-radius:var(--radius-md);overflow:hidden;position:relative;flex-shrink:0}.create-post-preview img{width:100%;height:100%;object-fit:cover}.create-post-preview-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.create-post-textarea{width:100%;min-height:100px;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:12px;font-family:var(--font-main);font-size:.85rem;color:var(--text-primary);resize:vertical;outline:none;transition:border-color .2s}.create-post-textarea:focus{border-color:#667eea}.create-post-textarea::placeholder{color:var(--text-tertiary)}.create-post-tags-label{font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.create-post-tags{display:flex;flex-wrap:wrap;gap:6px}.create-post-tag{padding:6px 14px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg);font-size:.76rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.create-post-tag:hover{border-color:#667eea;color:#667eea}.create-post-tag.selected{background:#667eea;color:#fff;border-color:#667eea}.create-post-type-wrap{display:flex;gap:6px}.create-post-type{padding:6px 14px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg);font-size:.76rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.create-post-type.selected{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.create-post-submit{width:100%;padding:14px;border-radius:var(--radius-md);background:var(--text-primary);color:#fff;font-size:.9rem;font-weight:700;border:none;cursor:pointer;transition:background .2s,transform .1s;margin-top:8px}.create-post-submit:hover{background:#333}.create-post-submit:active{transform:scale(.98)}.create-post-submit:disabled{opacity:.4;cursor:not-allowed}.std-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-around;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0px)}.std-community-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-secondary);text-decoration:none;transition:color .2s,background .2s;-webkit-tap-highlight-color:transparent;position:relative}.std-community-btn:hover{color:#667eea;background:#667eea14}.std-community-btn:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#667eea;opacity:0;transition:opacity .2s}.std-community-btn:hover:after{opacity:1}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--text-tertiary);font-size:.58rem;font-weight:600;padding:6px 0;flex:1;transition:color .2s;-webkit-tap-highlight-color:transparent;border:none;background:none;cursor:pointer}.bottom-nav-item:hover{color:var(--text-secondary)}.bottom-nav-item.active{color:var(--text-primary)}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-create{flex:1;color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:0}.bottom-nav-create svg{width:22px;height:22px}.std-community-btn{display:none}@media (min-width: 1024px){.std-bottom-nav{display:none!important}}.feed-fab{display:none!important}.feed-post-menu{position:relative;margin-left:8px}.feed-post-menu-btn{background:none;border:none;color:var(--text-tertiary);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:50%;transition:background .2s,color .2s;line-height:1;letter-spacing:2px}.feed-post-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.feed-post-menu-dropdown{display:none;position:absolute;top:100%;right:0;background:var(--bg);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:100;min-width:120px}.feed-post-menu-dropdown.open{display:block}.feed-post-menu-item{display:block;width:100%;padding:10px 16px;background:none;border:none;font-size:.82rem;color:var(--text-primary);cursor:pointer;text-align:left;white-space:nowrap;transition:background .15s}.feed-post-menu-item:hover{background:var(--bg-tertiary)}.feed-post-menu-item.feed-post-delete{color:#e74c3c}.feed-post-menu-item.feed-post-delete:hover{background:#fef2f2}.share-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6000;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s}.share-menu-backdrop.visible{opacity:1;pointer-events:all}.share-menu{position:fixed;bottom:0;left:0;right:0;z-index:6001;background:var(--bg);border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.share-menu.open{transform:translateY(0)}.share-menu-title{font-size:.85rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:16px}.share-menu-options{display:flex;justify-content:center;gap:24px}.share-option{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.72rem;font-weight:600;padding:8px;transition:color .2s,transform .1s;-webkit-tap-highlight-color:transparent}.share-option:active{transform:scale(.93)}.share-option-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.share-option-icon.kakao{background:#fee500;color:#3c1e1e}.share-option-icon.twitter{background:#1da1f2;color:#fff}.share-option-icon.link{background:var(--bg-tertiary);color:var(--text-primary)}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.feed-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.feed-empty h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.feed-empty p{font-size:.82rem;color:var(--text-tertiary);line-height:1.5}.feed-loading{display:flex;justify-content:center;padding:24px}.feed-loading-dots{display:flex;gap:6px}.feed-loading-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:feedDotPulse 1.2s ease-in-out infinite}.feed-loading-dots span:nth-child(2){animation-delay:.15s}.feed-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes feedDotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.feed-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:#333;color:#fff;font-size:.8rem;font-weight:600;padding:10px 20px;border-radius:var(--radius-full);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:9999;white-space:nowrap}.feed-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.feed-author-name{cursor:pointer}.feed-author-name:hover{text-decoration:underline}.feed-avatar{cursor:pointer}.profile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:6000;opacity:0;pointer-events:none;transition:opacity .3s ease}.profile-backdrop.visible{opacity:1;pointer-events:auto}.profile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6001;background:var(--bg);transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.profile-drawer.open{transform:translateY(0)}.profile-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:10px auto 4px;flex-shrink:0;display:none}.profile-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-secondary);font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.profile-header{display:flex;align-items:center;gap:20px;padding:20px 24px 12px;max-width:600px;margin:40px auto 0;width:100%}.profile-avatar-lg{width:72px;height:72px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:var(--text-tertiary);overflow:hidden;flex-shrink:0;border:3px solid transparent;background-clip:padding-box;box-shadow:0 0 0 2px #667eea33}.profile-avatar-lg img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1;min-width:0}.profile-name{font-size:1.1rem;font-weight:800;color:var(--text-primary);line-height:1.2}.profile-brand{font-size:.78rem;color:#667eea;font-weight:600;margin-top:2px}.profile-stats{display:flex;align-items:center;justify-content:space-around;padding:14px 20px;border-bottom:1px solid var(--border-light);max-width:600px;margin:0 auto;width:100%}.profile-stat{text-align:center}.profile-stat-num{display:block;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.profile-stat-label{font-size:.68rem;color:var(--text-tertiary);font-weight:600;margin-top:1px}.profile-bio{padding:10px 20px;font-size:.82rem;color:var(--text-secondary);line-height:1.5;max-width:600px;margin:0 auto;width:100%}.profile-bio:empty{display:none}.profile-actions{display:flex;gap:8px;padding:4px 20px 14px;max-width:600px;margin:0 auto;width:100%}.profile-follow-btn{flex:1;padding:10px;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profile-follow-btn:hover{opacity:.9;transform:scale(.99)}.profile-follow-btn:active{transform:scale(.97)}.profile-follow-btn.following{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.profile-follow-btn.self{display:none}.profile-share-btn{width:42px;height:42px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.profile-share-btn svg{width:18px;height:18px}.profile-dna{padding:12px 20px 8px;border-top:1px solid var(--border-light)}.profile-dna-title{font-size:.72rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.profile-dna-bars{display:flex;flex-direction:column;gap:6px}.profile-dna-bar{display:flex;align-items:center;gap:8px}.profile-dna-bar-label{width:48px;font-size:.7rem;font-weight:600;color:var(--text-secondary);text-align:right;flex-shrink:0}.profile-dna-bar-track{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.profile-dna-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.profile-dna-bar-pct{width:32px;font-size:.68rem;font-weight:700;color:var(--text-tertiary);text-align:left}.profile-posts-label{font-size:.72rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:14px 20px 8px;border-top:1px solid var(--border-light);max-width:600px;margin:0 auto;width:100%}.profile-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:0 3px 80px;max-width:600px;margin:0 auto;width:100%}.profile-post-thumb{aspect-ratio:1;overflow:hidden;cursor:pointer;position:relative}.profile-post-thumb img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.profile-post-thumb:hover img{opacity:.85}.profile-post-thumb-text{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:12px;font-size:.72rem;color:var(--text-secondary);line-height:1.4;text-align:center;cursor:pointer;overflow:hidden;position:relative}.profile-post-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity .2s}.profile-post-thumb:hover .profile-post-overlay,.profile-post-thumb-text:hover .profile-post-overlay{opacity:1}.profile-post-overlay-stat{display:flex;align-items:center;gap:4px;color:#fff;font-size:.82rem;font-weight:700}.profile-posts-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;font-size:.82rem;color:var(--text-tertiary)}.profile-dna-share-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:10px;border-radius:var(--radius-md);border:1.5px dashed #667eea;background:#667eea0d;color:#667eea;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.profile-dna-share-btn:hover{background:#667eea1f}.insights-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:7000}.insights-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,440px);max-height:85vh;background:var(--bg);border-radius:16px;z-index:7001;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 60px #0000004d}.insights-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light);position:sticky;top:0;background:var(--bg);z-index:1}.insights-header h3{font-size:1rem;font-weight:800;color:var(--text-primary);margin:0}.insights-close{width:30px;height:30px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-secondary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.insights-body{padding:16px 20px 24px}.insights-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.insights-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:14px;text-align:center}.insights-card-num{display:block;font-size:1.4rem;font-weight:800;color:var(--text-primary)}.insights-card-label{font-size:.68rem;color:var(--text-tertiary);font-weight:600;margin-top:2px}.insights-section{margin-bottom:20px}.insights-section h4{font-size:.82rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.insights-top-post{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-light)}.insights-top-post-rank{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insights-top-post-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0}.insights-top-post-thumb img{width:100%;height:100%;object-fit:cover}.insights-top-post-info{flex:1;min-width:0}.insights-top-post-text{font-size:.75rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insights-top-post-likes{font-size:.68rem;color:#ff3b5c;font-weight:600}.insights-dna-bar{display:flex;align-items:center;gap:8px;margin-bottom:6px}.insights-dna-label{width:48px;font-size:.7rem;font-weight:600;color:var(--text-secondary);text-align:right;flex-shrink:0}.insights-dna-track{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.insights-dna-fill{height:100%;border-radius:4px;transition:width .5s ease}.insights-dna-pct{width:32px;font-size:.68rem;font-weight:700;color:var(--text-tertiary)}.insights-weekly-bars{display:flex;align-items:flex-end;gap:6px;height:80px;padding-top:8px}.insights-weekly-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.insights-weekly-bar{width:100%;min-height:4px;border-radius:3px 3px 0 0;background:linear-gradient(to top,#667eea,#764ba2);transition:height .3s}.insights-weekly-label{font-size:.6rem;color:var(--text-tertiary);font-weight:600}.insights-empty{text-align:center;padding:20px;font-size:.78rem;color:var(--text-tertiary)}.challenge-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:12px;border-radius:var(--radius-md);background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.2)}.challenge-badge{font-size:1.6rem;flex-shrink:0}.challenge-info{flex:1;min-width:0}.challenge-title{font-size:.85rem;font-weight:800;color:var(--text-primary)}.challenge-desc{font-size:.7rem;color:var(--text-secondary);margin-top:2px;line-height:1.4}.challenge-tag{font-size:.68rem;font-weight:700;color:#667eea;margin-top:4px}.challenge-join-btn{padding:8px 16px;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .2s}.challenge-join-btn:hover{opacity:.9}.challenge-join-btn.joined{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.profile-badges{padding:8px 20px 4px}.profile-badges-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.profile-badges-scroll::-webkit-scrollbar{display:none}.profile-badge-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.profile-badge-icon{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;border:2px solid rgba(102,126,234,.3)}.profile-badge-name{font-size:.58rem;font-weight:600;color:var(--text-tertiary);max-width:48px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.feed-main{padding-left:16px;padding-right:16px}.feed-card{border-radius:var(--radius-md);border:1px solid var(--border-light);margin-bottom:16px}.std-bottom-nav{display:none}.profile-drawer{max-width:480px;left:50%;transform:translate(-50%) translateY(100%)}.profile-drawer.open{transform:translate(-50%) translateY(0)}}.pc-gnb{display:none}@media (min-width: 1024px){.pc-gnb{display:flex;align-items:center;gap:0;margin-left:auto;margin-right:16px}.pc-gnb-item{display:flex;align-items:center;padding:8px 20px;font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border:none;background:none;cursor:pointer;transition:color .2s,border-color .2s;border-bottom:2px solid transparent;white-space:nowrap}.pc-gnb-item:hover{color:var(--text-primary)}.pc-gnb-item.active{color:var(--text-primary);font-weight:700;border-bottom-color:var(--text-primary)}.pc-gnb-create{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-radius:20px;padding:6px 16px!important;font-size:.8rem!important;border-bottom:none!important}.pc-gnb-create:hover{opacity:.9}.std-header{padding:0 40px;gap:24px}.std-header-logo{order:1;margin-right:auto}.pc-gnb{order:2}.std-header-profile{order:4}.std-header-user,.std-bottom-nav{display:none!important}.create-post-modal{max-width:520px;margin:0 auto}}body.dark-mode{--bg: #0d0d0d;--bg-card: #1a1a1a;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-tertiary: #666;--border-light: #2a2a2a;--border: #333}body.dark-mode .std-header{background:#0d0d0d;border-bottom-color:#2a2a2a}body.dark-mode .feed-card{background:#1a1a1a;border-color:#2a2a2a}body.dark-mode .feed-tabs{background:#0d0d0d;border-bottom-color:#2a2a2a}body.dark-mode .trending-tags-bar{background:#0d0d0d}body.dark-mode .trending-tag-chip{background:#1a1a1a;border-color:#333;color:#ccc}body.dark-mode .trending-tag-chip.active{background:#f0f0f0;color:#111}body.dark-mode .std-bottom-nav{background:#0d0d0d;border-top-color:#2a2a2a}body.dark-mode .create-post-modal{background:#1a1a1a;color:#f0f0f0}body.dark-mode .create-post-modal input,body.dark-mode .create-post-modal textarea,body.dark-mode .create-post-modal select{background:#222;color:#f0f0f0;border-color:#333}body.dark-mode .profile-drawer{background:#1a1a1a}body.dark-mode .profile-stat{border-color:#333}body.dark-mode .auth-modal{background:#1a1a1a;color:#f0f0f0}body.dark-mode .auth-modal input{background:#222;color:#f0f0f0;border-color:#333}body.dark-mode .share-menu{background:#1a1a1a;border-color:#333}body.dark-mode .comment-input{background:#222;color:#f0f0f0;border-color:#333}.post-detail-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:10000}.post-detail-backdrop.open{display:block}.post-detail-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;background:var(--bg);border-radius:12px;overflow:hidden;width:90vw;max-width:1000px;height:85vh;max-height:700px;box-shadow:0 20px 60px #0000004d}.post-detail-modal.open{display:block}.post-detail-close{position:absolute;top:12px;left:12px;z-index:10002;width:36px;height:36px;border-radius:50%;background:#00000080;border:none;color:#fff;font-size:1.4rem;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.post-detail-close:hover{background:#000000b3}.pd-owner-menu-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-secondary);padding:4px 8px;border-radius:50%;transition:background .2s;position:relative}.pd-owner-menu-btn:hover{background:var(--border-light)}.pd-owner-dropdown{position:absolute;top:100%;right:0;background:var(--bg, #fff);border:1px solid var(--border-light, #e5e7eb);border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden;z-index:100;min-width:140px}.pd-owner-action{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:.85rem;cursor:pointer;color:var(--text-primary, #1a1a1a);transition:background .15s}.pd-owner-action:hover{background:var(--border-light, #f3f4f6)}.pd-owner-danger{color:#dc2626}.pd-owner-danger:hover{background:#fef2f2}.pd-inline-textarea{width:100%;border:1.5px solid var(--border-light, #e5e7eb);border-radius:10px;padding:10px 12px;font-size:.85rem;font-family:inherit;resize:vertical;min-height:80px;background:var(--bg, #fff);color:var(--text-primary, #1a1a1a);transition:border-color .2s}.pd-inline-textarea:focus{outline:none;border-color:#667eea}.pd-inline-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.pd-inline-tag{padding:4px 10px;border-radius:14px;border:1px solid var(--border-light, #e5e7eb);background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #666);font-size:.72rem;cursor:pointer;transition:all .2s}.pd-inline-tag.selected{background:#667eea;color:#fff;border-color:#667eea}.pd-inline-tag:hover:not(.selected){border-color:#667eea;color:#667eea}.pd-inline-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.pd-inline-cancel{padding:6px 16px;border-radius:8px;border:1px solid var(--border-light, #e5e7eb);background:var(--bg, #fff);color:var(--text-secondary, #666);font-size:.8rem;cursor:pointer;transition:background .2s}.pd-inline-cancel:hover{background:var(--bg-secondary, #f5f5f5)}.pd-inline-save{padding:6px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.pd-inline-save:hover{opacity:.9;transform:translateY(-1px)}.pd-inline-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.post-detail-body{display:flex;height:100%}.post-detail-media{flex:1;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;position:relative}.post-detail-media img,.post-detail-media video{width:100%;height:100%;object-fit:contain}.post-detail-media .pd-text-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:#fff}.post-detail-media .pd-text-card p{font-size:1.3rem;font-weight:600;line-height:1.6}.post-detail-info{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border-light);height:100%}.post-detail-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--border-light);position:relative}.post-detail-header .pd-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.8rem;color:var(--text-tertiary)}.post-detail-header .pd-avatar img{width:100%;height:100%;object-fit:cover}.post-detail-header .pd-author-name{font-weight:700;font-size:.88rem;color:var(--text-primary)}.post-detail-header .pd-time{margin-left:auto;font-size:.72rem;color:var(--text-tertiary)}.post-detail-content-scroll{flex:1;overflow-y:auto;padding:16px}.post-detail-caption{font-size:.88rem;line-height:1.5;color:var(--text-primary);margin-bottom:16px;word-break:break-word}.post-detail-caption strong{font-weight:700;margin-right:6px}.post-detail-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.post-detail-tags .feed-tag{font-size:.7rem}.post-detail-comments{display:flex;flex-direction:column;gap:12px}.pd-comment{display:flex;gap:10px}.pd-comment-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--text-tertiary)}.pd-comment-avatar img{width:100%;height:100%;object-fit:cover}.pd-comment-text{font-size:.82rem;line-height:1.4;color:var(--text-primary)}.pd-comment-text strong{font-weight:700;margin-right:4px}.pd-comment-time{font-size:.68rem;color:var(--text-tertiary);margin-top:2px}.post-detail-actions{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid var(--border-light)}.post-detail-actions .feed-action-btn{padding:4px}.post-detail-actions .pd-likes{font-size:.82rem;font-weight:700;margin-top:4px;padding:0 16px 8px}.post-detail-comment-input{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border-light)}.post-detail-comment-input input{flex:1;border:none;outline:none;font-size:.85rem;background:transparent;color:var(--text-primary)}.post-detail-comment-input button{background:none;border:none;color:#667eea;font-size:.85rem;font-weight:700;cursor:pointer}body.dark-mode .post-detail-modal{background:#1a1a1a}body.dark-mode .post-detail-info{border-left-color:#333}body.dark-mode .post-detail-header,body.dark-mode .post-detail-actions,body.dark-mode .post-detail-comment-input{border-color:#333}.community-fab{display:none}@media (min-width: 1024px){.community-fab{position:fixed;bottom:32px;right:32px;height:56px;min-width:56px;border-radius:28px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;box-shadow:0 6px 24px #667eea73;z-index:1000;display:flex;align-items:center;justify-content:center;gap:0;padding:0 16px;overflow:hidden;transition:all .3s cubic-bezier(.32,.72,0,1)}.community-fab:hover{box-shadow:0 8px 32px #667eea8c;transform:translateY(-2px);gap:8px}.community-fab:active{transform:translateY(0) scale(.96)}.community-fab-icon{font-size:1.6rem;font-weight:300;line-height:1;flex-shrink:0}.community-fab-label{font-size:.85rem;font-weight:700;white-space:nowrap;max-width:0;overflow:hidden;opacity:0;transition:max-width .3s ease,opacity .2s ease}.community-fab:hover .community-fab-label{max-width:100px;opacity:1}}@media (max-width: 1023px){.post-detail-modal{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;top:0;left:0;transform:none}.post-detail-close{top:8px;left:8px;width:32px;height:32px;font-size:1.2rem;z-index:10003}.post-detail-body{flex-direction:column;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.post-detail-media{flex:none;width:100%;aspect-ratio:1 / 1;max-height:55vh}.post-detail-info{width:100%;flex-shrink:0;border-left:none;border-top:1px solid var(--border-light);height:auto;min-height:0;flex:1}.post-detail-header{padding:12px 16px;gap:8px}.post-detail-header .pd-avatar{width:32px;height:32px}.post-detail-header .pd-author-name{font-size:.85rem}.post-detail-header .pd-time{font-size:.7rem}.post-detail-content-scroll{flex:none;max-height:none;overflow:visible;padding:0 16px 10px}.post-detail-caption{font-size:.88rem;padding:8px 0}.post-detail-comments{padding:8px 16px}.post-detail-actions{padding:10px 16px}.post-detail-comment-input{padding:10px 16px;border-top:1px solid var(--border-light)}.post-detail-comment-input input{font-size:.85rem}.pd-owner-menu{top:8px;right:48px}.pd-menu-btn{width:32px;height:32px;font-size:1rem}.pd-edit-textarea{min-height:60px;font-size:.85rem}.pd-edit-tags{gap:4px}.pd-edit-tags button{font-size:.7rem;padding:3px 8px}.pd-edit-actions{gap:6px}.pd-edit-actions button{padding:6px 14px;font-size:.8rem}}.notif-header-actions{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;z-index:10}.notif-bell{position:relative;background:none;border:none;cursor:pointer;padding:8px;color:var(--text-secondary, #666);transition:color .2s,transform .2s;display:flex;align-items:center;justify-content:center}.notif-bell:hover{color:var(--text-primary, #111);transform:scale(1.1)}.notif-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:#ff3b5c;color:#fff;font-size:.65rem;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;box-shadow:0 1px 4px #ff3b5c66;animation:notif-pop .3s ease}@keyframes notif-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.notif-panel{position:fixed;width:360px;max-height:480px;background:var(--bg, #fff);border-radius:16px;box-shadow:0 12px 40px #00000026,0 0 0 1px #0000000d;z-index:10001;overflow:hidden;opacity:0;transform:translateY(-8px) scale(.95);pointer-events:none;transition:opacity .2s,transform .2s}.notif-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-light, #f0f0f0)}.notif-title{font-size:1rem;font-weight:700;color:var(--text-primary, #111)}.notif-clear{background:none;border:none;color:var(--text-tertiary, #999);font-size:.75rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s,background .2s}.notif-clear:hover{color:#dc2626;background:#dc26260f}.notif-list{max-height:400px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-light, #f5f5f5);cursor:pointer;transition:background .15s}.notif-item:hover{background:var(--bg-secondary, #fafafa)}.notif-item-unread{background:#667eea0a}.notif-item-unread:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#667eea;border-radius:50%}.notif-item{position:relative}.notif-icon{font-size:1.4rem;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f5f5f5);border-radius:50%}.notif-body{flex:1;min-width:0}.notif-msg{font-size:.82rem;color:var(--text-primary, #333);line-height:1.4}.notif-time{font-size:.7rem;color:var(--text-tertiary, #aaa);margin-top:2px}.notif-empty{text-align:center;padding:48px 20px;color:var(--text-tertiary, #aaa);font-size:.85rem}.dna-trend-row{display:flex;align-items:center;gap:8px;padding:4px 0}.dna-trend-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);width:48px;flex-shrink:0}.dna-trend-bar-wrap{flex:1;height:6px;background:var(--bg-tertiary, #f0f0f0);border-radius:3px;overflow:hidden}.dna-trend-bar{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.22,.61,.36,1);min-width:2px}.dna-trend-pct{font-size:.68rem;font-weight:700;color:var(--text-primary);width:32px;text-align:right}.dna-trend-change{font-size:.62rem;font-weight:600;width:36px;text-align:right;flex-shrink:0}.pd-dna-section{padding:12px 0;border-top:1px solid var(--border-light, #f0f0f0);margin-top:8px}.pd-dna-header{font-size:.78rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.pd-dna-match{font-size:.72rem;color:#667eea;background:#eef2ff;padding:6px 12px;border-radius:8px;margin-bottom:10px;display:inline-block}.pd-dna-match strong{font-weight:800;font-size:.82rem}.pd-dna-bars{display:flex;flex-direction:column;gap:6px}.pd-dna-row{display:flex;align-items:center;gap:8px}.pd-dna-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);width:44px;flex-shrink:0}.pd-dna-bar-track{flex:1;height:8px;background:var(--bg-tertiary, #f0f0f0);border-radius:4px;overflow:hidden}.pd-dna-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.22,.61,.36,1)}.pd-dna-value{font-size:.68rem;font-weight:700;color:var(--text-primary);width:32px;text-align:right}@media (max-width: 768px){.notif-panel{width:calc(100vw - 24px);right:12px!important;max-height:60vh}}