/* FUNY PIN detail visual upgrade — layout/content structure preserved */
#detail-view{--fp-purple:#8062d8;--fp-purple-dark:#6749bd;--fp-purple-light:#957be3;--fp-bg:#f7f5fb;--fp-surface:#fff;--fp-soft:#f4f0ff;--fp-soft2:#fbfaff;--fp-border:#eee9f7;--fp-text:#191822;--fp-muted:#7b7686;background:var(--fp-bg);color:var(--fp-text)}
#detail-view .detail-shell,#detail-view{background:linear-gradient(180deg,#fbfaff 0,#f7f5fb 38%,#f7f5fb 100%)}
#detail-view .hero{aspect-ratio:4/3;margin:0;padding:0;border-radius:0;background:#ece9f4;overflow:hidden}
#detail-view .hero:before{display:none!important}
#detail-view .hero-gallery,#detail-view .hero-track,#detail-view .hero-slide{width:100%;height:100%}
#detail-view .hero-slide{flex:0 0 100%}
#detail-view .hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
#detail-view .hero-top{padding:14px 14px;z-index:8;pointer-events:none}
#detail-view .hero-top .icon-btn{pointer-events:auto}
#detail-view .icon-btn{width:40px;height:40px;background:rgba(255,255,255,.84);color:#514a70;border:1px solid rgba(255,255,255,.58);box-shadow:0 5px 18px rgba(50,39,88,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#detail-view .icon-btn svg{width:20px;height:20px;stroke-width:1.9}
#detail-view .gallery-nav{display:none!important}
#detail-view .hero-count{right:14px;bottom:13px;background:rgba(24,22,31,.7);padding:5px 9px;border-radius:999px;display:flex;gap:4px;align-items:center}
#detail-view .hero-count svg{width:14px;height:14px}
#detail-view .detail-content{padding:0 14px 64px}
#detail-view .summary-card{margin:0 -14px;padding:19px 20px 18px;background:#fff;border:0;border-radius:0 0 20px 20px;box-shadow:0 8px 26px rgba(84,65,132,.055)}
#detail-view .d-name{font-size:25px;font-weight:820;letter-spacing:-.035em;color:var(--fp-text)}
#detail-view .d-en{font-size:11px;color:#9690a3;font-weight:650;letter-spacing:.06em;margin-top:2px}
#detail-view .d-loc{margin-top:9px;font-size:12px;color:#716b7d;font-weight:580;gap:5px}
#detail-view .loc-icon{color:var(--fp-purple);display:inline-grid;width:17px;height:17px}
#detail-view .loc-icon svg{width:17px;height:17px}
#detail-view .d-tags{margin-top:13px;gap:6px;max-height:none}
#detail-view .d-tags .tag{font-size:10.5px;padding:5px 10px;background:var(--fp-soft);color:#7358c5;border:0;font-weight:620}
#detail-view .quick-actions{gap:8px;margin-top:17px}
#detail-view .quick-action{min-height:74px;border:1px solid var(--fp-border);background:#fff;border-radius:14px;padding:10px 3px 8px;color:#292633;font-size:10.5px;font-weight:620;box-shadow:0 2px 8px rgba(85,65,136,.025)}
#detail-view .qa-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--fp-soft);color:var(--fp-purple)}
#detail-view .qa-icon svg{width:21px;height:21px;color:inherit}
#detail-view .qa-icon.naver-map-icon{background:var(--fp-soft)}
#detail-view .qa-icon.naver-map-icon svg{width:27px;height:27px;overflow:visible}
#detail-view .section{margin-top:29px}
#detail-view .section-title{font-size:16.5px;font-weight:800;margin:0 0 12px;gap:8px;letter-spacing:-.025em;color:var(--fp-text);background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#detail-view .section-title .accent-icon{width:22px;height:22px;color:var(--fp-purple);background:transparent;border:0}
#detail-view .section-title .accent-icon svg{width:22px;height:22px}
#detail-view .info-card{background:#fff;border:1px solid var(--fp-border);border-radius:16px;padding:0 14px;box-shadow:0 4px 18px rgba(82,62,130,.035)}
#detail-view .info-row{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:14px 0;font-size:12px;align-items:center}
#detail-view .info-row+.info-row{border-top:1px solid #f0edf6}
#detail-view .info-label{display:flex;align-items:center;gap:7px;color:#817b8b;font-weight:600}
#detail-view .info-label-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--fp-soft);color:var(--fp-purple);flex:none}
#detail-view .info-label-icon svg{width:15px;height:15px}
#detail-view .info-value{color:#34303d;font-weight:560}
#detail-view .analysis-note{font-size:10.5px;color:#9992a4;margin:-5px 0 10px}
#detail-view .analysis-card{background:#fff;border:1px solid var(--fp-border);border-radius:17px;padding:14px;box-shadow:0 5px 20px rgba(82,62,130,.04)}
#detail-view .analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;align-items:center}
#detail-view .radar-card{border:0;background:transparent;border-radius:0;padding:4px 0;margin:0;box-shadow:none}
#detail-view .radar-card svg{width:100%;max-width:270px;margin:auto;display:block}
#detail-view .radar-grid{fill:none;stroke:#e7e1f2;stroke-width:1}
#detail-view .radar-axis{stroke:#eeeaf7;stroke-width:1}
#detail-view .radar-poly{fill:rgba(128,98,216,.12);stroke:var(--fp-purple);stroke-width:1.8;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;transform:scale(.05);opacity:0}
#detail-view .radar-label{font-size:10.5px;fill:#504a59;font-weight:650}
#detail-view .comp-card{border:0;border-left:1px solid #eee9f7;background:transparent;border-radius:0;padding:4px 0 4px 14px;margin:0}
#detail-view .sub-title{font-size:14px;font-weight:780;margin:0 0 12px;color:#272331}
#detail-view .sub-title.with-icon .sub-icon{display:none!important}
#detail-view .tcg-line{display:grid;grid-template-columns:56px minmax(0,1fr);gap:9px;font-size:10.5px;margin-bottom:14px;line-height:1.5;align-items:start}
#detail-view .tcg-label{font-weight:700;color:#37313f}
#detail-view .tcg-value{color:#837c8e}
#detail-view .bar-list{gap:11px}
#detail-view .bar-row{grid-template-columns:56px minmax(0,1fr);gap:9px}
#detail-view .bar-label{font-size:10.5px;color:#494351;font-weight:650}
#detail-view .bar-track{height:7px;background:#eeeaf7}
#detail-view .bar-fill{background:linear-gradient(90deg,#957be3,#8062d8);width:0!important;transition:width .72s cubic-bezier(.2,.7,.2,1);transition-delay:var(--bar-delay,0ms)}
#detail-view .analysis-card.is-visible .radar-poly{animation:fpRadarIn .78s cubic-bezier(.2,.75,.2,1) .08s forwards}
#detail-view .analysis-card.is-visible .bar-fill{width:var(--bar-width)!important}
#detail-view .analysis-visit-date{margin-top:13px;padding-top:0;border-top:0;display:flex;align-items:center;justify-content:center;gap:5px;color:#8f8a95;font-size:9px;font-weight:560;letter-spacing:-.01em;text-align:center}
#detail-view .analysis-visit-icon{display:inline-grid;width:13px;height:13px;color:#9b96a0;flex:none}
#detail-view .analysis-visit-icon svg{width:13px;height:13px}
@keyframes fpRadarIn{0%{transform:scale(.05);opacity:0}55%{opacity:1}100%{transform:scale(1);opacity:1}}
#detail-view .review-grid{gap:10px;align-items:start}
#detail-view .content-card{border:1px solid var(--fp-border);border-radius:15px;background:#fff;box-shadow:0 3px 14px rgba(82,62,130,.03)}
#detail-view .content-card[data-platform="Naver"] .content-thumb{aspect-ratio:1/1!important;height:auto!important}
#detail-view .content-card[data-platform="Instagram"] .content-thumb{aspect-ratio:9/16!important;height:auto!important}
#detail-view .content-thumb img{width:100%;height:100%;object-fit:cover;display:block}
#detail-view .content-body{padding:10px}
#detail-view .content-platform{display:flex;align-items:center;gap:4px;color:#9690a2}
#detail-view .platform-icon{display:inline-grid;width:14px;height:14px;color:var(--fp-purple)}
#detail-view .platform-icon svg{width:14px;height:14px}
#detail-view .detail-sticky{background:rgba(251,250,255,.94);border-bottom:1px solid var(--fp-border)}
#detail-view .other-shops-fab-wrap{position:fixed;left:0;right:0;bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px));z-index:45;display:flex;justify-content:center;padding:0 18px;pointer-events:none;opacity:1;transform:translateY(0);transition:opacity .24s ease,transform .34s cubic-bezier(.22,.8,.22,1)}
#detail-view .other-shops-fab-wrap.is-hidden{opacity:0;transform:translateY(20px)}
#detail-view .other-shops-fab{pointer-events:auto;min-height:40px;width:min(80%,288px);border:0;border-radius:999px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,rgba(149,123,227,.9) 0%,rgba(128,98,216,.9) 55%,rgba(103,73,189,.9) 100%);color:#fff;font:inherit;font-size:11px;font-weight:760;letter-spacing:-.02em;box-shadow:0 8px 22px rgba(103,73,189,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent}
#detail-view .other-shops-fab:active{transform:scale(.985)}
#detail-view .other-shops-fab-icon{display:inline-grid;width:14px;height:14px}
#detail-view .other-shops-fab-icon svg{width:14px;height:14px;stroke-width:1.9}
@media(max-width:430px){#detail-view .analysis-grid{grid-template-columns:1fr 1.12fr;gap:8px}#detail-view .analysis-card{padding:12px 10px}#detail-view .comp-card{padding-left:10px}#detail-view .radar-label{font-size:17px!important}#detail-view .bar-label{font-size:10.5px!important}#detail-view .bar-row,#detail-view .tcg-line{grid-template-columns:49px minmax(0,1fr);gap:7px}}
@media(prefers-reduced-motion:reduce){#detail-view .radar-poly{transform:scale(1);opacity:1!important;animation:none!important}#detail-view .bar-fill{transition:none!important;width:var(--bar-width)!important}#detail-view .other-shops-fab-wrap{transition:none!important}}