.image-reference .hero{overflow:visible}.scroll-story{margin-top:44px;position:relative}.scroll-stage{position:relative}.scroll-composition{grid-template-columns:1fr 1fr;gap:22px;padding:22px 14px;display:grid;position:relative}.scroll-card{z-index:1;text-align:left;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #fff;border-radius:24px;min-width:0;padding:22px;font-size:1rem;position:relative;box-shadow:0 16px 40px #318ee21a}.scroll-card strong{color:var(--ink);line-height:1.4}.scroll-card p{color:var(--muted);margin:5px 0}.scroll-card-0{grid-column:1/-1;width:70%;transform:rotate(-4deg)}.scroll-card-1{align-self:start;align-items:center;gap:16px;display:flex;transform:rotate(-6deg)}.scroll-card-2{padding:12px;transform:rotate(5deg)}.scroll-card-3{grid-row:3/5;transform:rotate(-5deg)}.scroll-card-4,.scroll-card-5,.scroll-card-6{align-items:center;gap:14px;display:flex}.scroll-card-4{transform:rotate(3deg)}.scroll-card-5{background:linear-gradient(130deg,#fff9ee,#fff0d9);margin-left:30px;transform:rotate(4deg)}.scroll-card-6{grid-column:2;transform:rotate(4deg)}.scroll-card-6 small{text-align:right;color:var(--muted);display:block}.scroll-card-6 .reply-status{color:#087dff;margin-left:8px;display:inline-flex}.detail-icon{color:#0781ff;vertical-align:middle;background:#e5f3ff;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.detail-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.detail-icon img{object-fit:contain;width:100%;height:100%}.bell-icon{color:#dc8b0b;background:#fff0d2}.bell-icon svg{fill:#ef9f23;stroke:#e49416}.brand-icon{background:#fff;border-radius:12px;flex-basis:70px;width:70px}.plane-icon{background:#e8f4ff}.spark-icon{background:0 0;width:26px;height:26px}.scroll-card-3>strong{font-size:.95rem}.scroll-card .message-paper{margin-top:12px}.message-paper{color:#4b6286;background:linear-gradient(125deg,#f6fbff,#eaf3ff);border-radius:12px;padding:14px;line-height:1.5}.skeleton-line{background:#d8e5f3;border-radius:6px;height:6px;margin-top:12px;display:block}.skeleton-line.short{width:65%;margin-top:7px}.search-progress{background:#d4e5fb;border-radius:8px;height:8px;margin-top:15px;display:block;overflow:hidden}.search-progress span{background:linear-gradient(90deg,#1882f8,#52afff);border-radius:8px;width:65%;height:100%;display:block}.complete-mark{color:#fff;background:#16b775;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;margin-left:auto;display:grid}.detail-profile{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px 12px;display:grid}.detail-profile>img{grid-row:1/4;width:64px;height:64px}.detail-profile>strong{font-size:1rem}.detail-profile>.status{justify-self:start;font-size:.875rem}.detail-profile .chips{flex-wrap:wrap;grid-column:2;gap:5px;padding:0!important}.detail-profile .chips span{padding:5px 9px;font-size:.875rem}.mini-brand-row{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.mini-brand-row+.mini-brand-row{border-top:1px solid #edf3f9}.mini-brand-row>img{object-fit:contain;width:40px;height:40px}.mini-brand-row>.condition-icon{width:40px;height:40px;color:var(--blue);background:#e5f3ff;border-radius:50%;place-items:center;display:grid}.condition-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.mini-brand-row>div{min-width:0}.mini-brand-row strong,.mini-brand-row>div>span{display:block}.mini-brand-row strong{font-size:.95rem}.mini-brand-row>div>span{color:var(--muted);font-size:.875rem}.mini-brand-row .status{white-space:normal;text-align:center;padding:5px 8px;font-size:.875rem}.story-flight-path{pointer-events:none;stroke:#88bff3;stroke-width:2px;width:100%;height:100%;position:absolute;inset:0}.story-flight-path path:first-child{stroke-dasharray:9 9;opacity:.6}.story-plane{width:100px;position:absolute;top:-25px;right:0}.story-handwriting{opacity:.8;width:170px;position:absolute;bottom:0;left:15px}.scroll-story.is-scroll{height:calc(var(--scene-height) + var(--scroll-distance))}.is-scroll .scroll-stage{top:var(--scene-top);height:var(--scene-height);position:sticky}.is-scroll .scroll-composition{height:100%}.is-scroll .scroll-card{transition:opacity .24s,translate .3s cubic-bezier(.22,1,.36,1)}.is-scroll .scroll-card.is-future{opacity:0;pointer-events:none;visibility:hidden;translate:0 26px}.image-reference .workflow-mini.detail-mini{background:linear-gradient(135deg,#fff,#f9fcff);border:1px solid #fff;min-width:0;padding:18px;box-shadow:0 9px 25px #349bee0b}.image-reference .workflow-mini.detail-mini-0,.image-reference .workflow-mini.detail-mini-1{display:block}.image-reference .workflow-mini.detail-mini-2{grid-template-columns:28px minmax(0,1fr);gap:10px;display:grid}.image-reference .detail-mini-2>strong{grid-column:2;align-self:center}.image-reference .detail-mini-2>p{grid-column:1/-1;margin:0}.image-reference .detail-mini-2>a{grid-column:1/-1;justify-self:end;max-width:none}.detail-action{background:linear-gradient(135deg,#3da4ff,#087dff);border-radius:13px;justify-content:center;align-items:center;min-height:44px;padding:12px 18px;font-size:.875rem;font-weight:650;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 7px 18px #128ef52b,inset 0 1px 2px #ffffff80;color:#fff!important}.pointer-cue{color:#0780ff;-webkit-text-stroke:2px white;font-size:30px;position:absolute;bottom:-19px;right:-13px;transform:rotate(-25deg)}.image-reference .workflow-mini.detail-mini-3{background:linear-gradient(125deg,#fff,#f9fcff);flex-direction:row;align-items:center;gap:14px;display:flex}.detail-mini-3 p{margin:4px 0 0}.followup-chevron{color:#94a5bc;margin-left:auto;font-size:30px}.image-reference .timeline-shell{position:relative}.image-reference .outreach-timeline>li{background:linear-gradient(130deg,#fff,#f4fbff);border:1px solid #fff;border-radius:20px;grid-template-columns:42px minmax(0,1fr);gap:6px 10px;padding:20px;display:grid;position:relative;box-shadow:0 15px 30px #369ae21a}.image-reference .outreach-timeline>li>.detail-icon{grid-area:1/1/3;width:40px;height:40px}.image-reference .outreach-timeline h3{letter-spacing:-.025em;grid-column:2;align-self:center;margin:0;font-size:1rem}.image-reference .outreach-timeline .detail-time{grid-column:2;margin:0;font-size:.875rem}.image-reference .outreach-timeline .message-paper,.image-reference .outreach-timeline details,.image-reference .outreach-timeline .detail-action,.image-reference .outreach-timeline .calendar-badge,.image-reference .outreach-timeline>li>p:not(.detail-time){grid-column:1/-1;font-size:.875rem}.image-reference .outreach-timeline .complete-mark{width:20px;height:20px;font-size:.875rem;position:absolute;top:14px;right:12px}.image-reference .outreach-timeline>li:nth-child(2) h3{padding-right:16px}.image-reference .outreach-timeline>li:not(:last-child):after{content:"→";color:#58a6f7;font-size:28px;position:absolute;top:50%;right:-25px}.calendar-badge{color:#2377c9;background:#e8f4ff;border-radius:10px;justify-self:start;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.calendar-badge .detail-icon{background:0 0;flex-basis:20px;width:20px;height:20px}.calendar-badge svg{width:19px;height:19px}.outreach-handwriting{pointer-events:none;width:120px;position:absolute;top:-110px;right:-25px}.outreach-plane{pointer-events:none;width:75px;position:absolute;bottom:-65px;right:0}.image-reference .outreach-section{padding-bottom:65px}.image-reference .brand-logo img[src*=cosrx],.agenda-brand img[src*=cosrx]{object-fit:contain;border-radius:0}@media (width>=760px){.is-scroll .scroll-composition{grid-template-rows:120px 150px 125px 100px 110px;gap:16px 22px}.is-scroll .scroll-card{padding:14px}.is-scroll .scroll-card-3{grid-row:3/5}.is-scroll .scroll-card-2{grid-area:2/2/4}.is-scroll .scroll-card-4{grid-area:4/2}.is-scroll .scroll-card-5{grid-area:5/1;margin-left:0}.is-scroll .scroll-card-6{grid-area:5/2}.is-scroll .story-handwriting{width:135px;bottom:130px;left:30px}.image-reference .outreach-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.image-reference .outreach-timeline>li{grid-template-columns:32px minmax(0,1fr);gap:7px;padding:14px}.image-reference .outreach-timeline>li>.detail-icon{width:32px;height:32px}.image-reference .outreach-timeline h3{font-size:.875rem}.image-reference .outreach-timeline .complete-mark{top:48px;right:14px}}@media (width<=759px){.scroll-composition{flex-direction:column;gap:30px;padding:15px 0;display:flex}.scroll-card{width:100%;margin:0;padding:20px;transform:none}.scroll-card-3{display:block}.story-handwriting{width:145px;position:relative}.story-plane{width:70px;top:-45px;right:0}.is-scroll .scroll-composition{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:center;padding:34px 0;display:grid}.is-scroll .scroll-card{grid-area:1/1;align-self:center;transition:opacity .26s,translate .36s cubic-bezier(.22,1,.36,1)}.is-scroll .scroll-card.is-past{opacity:0;pointer-events:none;visibility:hidden;translate:0 -36px}.is-scroll .scroll-card.is-current{opacity:1;visibility:visible;translate:0}.is-scroll .scroll-card.is-future{translate:0 48px}.is-scroll .story-handwriting{width:130px;position:absolute;bottom:0;left:0}.image-reference .outreach-timeline{gap:32px}.image-reference .outreach-timeline>li:not(:last-child):after{content:"↓";top:auto;bottom:-32px;right:calc(50% - 10px)}.outreach-handwriting{width:90px;top:-65px;right:0}.detail-profile{grid-template-columns:58px minmax(0,1fr)}.detail-profile>img{width:58px;height:58px}}@media (prefers-reduced-motion:reduce){.scroll-card{transition:none!important}}.image-reference .outreach-section .section-heading{margin-bottom:70px}.plane-icon svg{width:32px;height:32px}@media (width>=760px){.is-scroll .story-handwriting{z-index:2;width:115px;bottom:-25px;left:15px}}.outreach-handwriting{right:0}.scroll-card>div{overflow-wrap:anywhere;min-width:0}.scroll-card-2{box-shadow:none;background:0 0;border:0;padding:0}.scroll-card-2 .mini-brand-row{background:linear-gradient(125deg,#fff,#f7fbff);border:1px solid #fff;border-radius:18px;padding:12px;position:relative;box-shadow:0 10px 24px #318ee212}.scroll-card-2 .mini-brand-row:first-child{margin-left:24px}.scroll-card-2 .mini-brand-row:nth-child(2){margin-top:-3px;margin-left:12px}.scroll-card-2 .mini-brand-row:nth-child(3){margin-top:-3px}
