/* 기회담 v3 (2026-10-01) — 확정 시안: 크림 격자 배경 · 깊은 그림자 · 18px 모서리 · expo-out 모션 · 담긴 별 카드.
   원칙: 색은 기존 황토·중립 그대로 두고 배경 결·깊이·움직임만 더한다. transform/opacity/box-shadow 만 움직인다.
   .gihoedam-design/SKILL.md 의 금지 목록(파스텔 색면·갈색 테두리·그라디언트 글자)을 지킨다. */
:root{--v3-ease:cubic-bezier(.19,1,.22,1);--v3-shadow-1:0 2px 6px rgba(60,40,20,.06),0 12px 24px -14px rgba(60,40,20,.25);--v3-shadow-2:0 30px 60px -30px rgba(60,40,20,.35),0 2px 6px rgba(60,40,20,.06);--v3-grid:rgba(60,40,20,.055);--v3-ink:#1F1B16;--v3-gold:#FFD466;--v3-ochre:#94580B;--v3-ochre-soft:#F6EEE3}

/* 1. 종이 격자 배경 */
html[data-palette] body{background-color:#F4F2EE!important;background-image:linear-gradient(var(--v3-grid) 1px,transparent 1px),linear-gradient(90deg,var(--v3-grid) 1px,transparent 1px)!important;background-size:32px 32px!important;background-attachment:fixed}
html[data-palette] #app,html[data-palette] .workspace,html[data-palette] #main{background-color:transparent}

/* 2. 깊이: 카드·패널 */
html[data-palette] #main .notice-card{border-radius:18px;transition:transform .5s var(--v3-ease),box-shadow .5s var(--v3-ease),border-color .4s;will-change:transform}
@media (hover:hover){html[data-palette] #main .notice-card:hover{transform:translateY(-4px);box-shadow:var(--v3-shadow-2);border-color:transparent}}
html[data-palette] #main .pn-conditions,html[data-palette] #main .hero.discovery-hero{box-shadow:var(--v3-shadow-2);border-radius:18px}
html[data-palette] .right-rail .rail-card,html[data-palette] .right-rail .sv-promo{box-shadow:var(--v3-shadow-1);border-radius:18px;transition:transform .5s var(--v3-ease),box-shadow .5s var(--v3-ease)}
@media (hover:hover){html[data-palette] .right-rail .rail-card:hover,html[data-palette] .right-rail .sv-promo:hover{box-shadow:var(--v3-shadow-2)}
 html[data-palette] .right-rail .editorial-rail img{transition:transform .7s var(--v3-ease)}html[data-palette] .right-rail .editorial-rail:hover img{transform:scale(1.06)}}
html[data-palette] .right-rail .editorial-rail{overflow:hidden}

/* 3. 버튼·칩 촉감 */
html[data-palette] #app button,html[data-palette] #app a.primary,html[data-palette] #app a.secondary,html[data-palette] #app .category{transition:transform .45s var(--v3-ease),box-shadow .45s var(--v3-ease),background-color .3s,border-color .3s,color .3s}
html[data-palette] #app button:active,html[data-palette] #app a.primary:active,html[data-palette] #app .category:active{transform:scale(.97)}
@media (hover:hover){html[data-palette] #app .primary:hover,html[data-palette] #app .secondary:hover,html[data-palette] #app .more:hover{transform:translateY(-1px);box-shadow:var(--v3-shadow-1)}
 html[data-palette] #app .category:hover{transform:translateY(-2px)}}
.v3-ripple-host{position:relative;overflow:hidden}
.v3-ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.16;transform:scale(0);animation:v3-rip .55s ease-out forwards;pointer-events:none}
@keyframes v3-rip{to{transform:scale(4);opacity:0}}

/* 4. 검색창 포커스 */
html[data-palette] #main .search-box:focus-within,html[data-palette] #main .pn-search:focus-within{box-shadow:0 0 0 4px rgba(148,88,11,.18);border-color:var(--v3-ochre)}
html[data-palette] #main .search-box,html[data-palette] #main .pn-search{transition:box-shadow .3s,border-color .3s}

/* 5. 스크롤: 헤더 축소 */
html[data-palette] .topbar{transition:box-shadow .4s var(--v3-ease)}
html[data-palette] .topbar.v3-compact{box-shadow:var(--v3-shadow-1)}

/* 6. 담긴 별 카드 (우측 맨 위) */
.v3-starcard{background:var(--v3-ink);color:#fff;border-radius:18px;padding:16px 136px 16px 16px;min-height:150px;position:relative;overflow:hidden;box-shadow:var(--v3-shadow-2);transition:transform .2s;display:block;text-decoration:none;margin-bottom:12px;transform-style:preserve-3d}
.v3-starcard small{display:block;font-size:12px;opacity:.75;color:#fff}
.v3-starcard .v3-n{font-weight:700;font-size:30px;line-height:1.1;letter-spacing:-.6px;font-variant-numeric:tabular-nums;display:inline-block;color:#fff}
.v3-starcard .v3-unit{display:inline;margin-left:4px;font-size:12px;opacity:.75}
.v3-starcard .v3-row{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.v3-starcard .v3-row i{font-style:normal;background:rgba(255,255,255,.14);border-radius:8px;padding:5px 9px;font-size:12px;color:#fff}
.v3-starcard .v3-owl{position:absolute;right:6px;bottom:-6px;height:132px;width:auto;max-width:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));transition:transform .6s var(--v3-ease)}
@media (hover:hover){.v3-starcard:hover .v3-owl{transform:translateY(-3px) rotate(-2deg)}}
.v3-starcard.v3-glow::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 70%,rgba(255,214,120,.55),transparent 55%);animation:v3-glow .9s ease-out forwards;pointer-events:none}
@keyframes v3-glow{from{opacity:1}to{opacity:0}}
.v3-bump{animation:v3-bump .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes v3-bump{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
.v3-fly,.v3-drop,.v3-spark{position:fixed;z-index:1200;pointer-events:none;line-height:1;color:var(--v3-gold);text-shadow:0 0 8px rgba(255,214,120,.9)}
.v3-fly{font-size:20px;color:var(--v3-ochre);text-shadow:none}.v3-drop{font-size:22px}.v3-spark{font-size:14px}
.v3-burst{position:absolute;inset:-6px;border-radius:14px;pointer-events:none;animation:v3-burst .5s ease-out}
@keyframes v3-burst{from{box-shadow:0 0 0 0 rgba(148,88,11,.35)}to{box-shadow:0 0 0 14px rgba(148,88,11,0)}}

/* 7. 화면 전환 (목록 ↔ 상세) */
.v3-in-right{animation:v3-in-right .5s var(--v3-ease)}.v3-in-left{animation:v3-in-left .5s var(--v3-ease)}.v3-fade{animation:v3-fade .3s ease-out}
@keyframes v3-in-right{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes v3-in-left{from{transform:translateX(-40px);opacity:0}to{transform:none;opacity:1}}
@keyframes v3-fade{from{opacity:0}to{opacity:1}}

/* 8. 알림(토스트)에 별 심볼 */
html[data-palette] #toast.v3-star{display:flex;align-items:center;gap:10px;padding-left:10px}
#toast .v3-toast-sym{width:30px;height:30px;border-radius:9px;background:var(--v3-ochre-soft);padding:5px;flex:none}

@media (max-width:1100px){.v3-starcard{padding-right:118px}.v3-starcard .v3-owl{height:112px}}
@media (prefers-reduced-motion:reduce){html[data-palette] #main .notice-card,html[data-palette] #app button,.v3-starcard,.v3-starcard .v3-owl{transition:none!important}.v3-in-right,.v3-in-left,.v3-fade,.v3-bump,.v3-ripple,.v3-burst,.v3-starcard.v3-glow::before{animation:none!important}}

/* 9. 우측 순서 조정 후 간격 */
html[data-palette] .right-rail #deadline-calendar{margin-bottom:12px}

/* ═══ 2단계: 검색 먼저 · 분야 칩 · 간결한 카드 · 별 아이콘 ═══ */
/* 히어로 배너는 접고, 검색 패널이 첫 화면을 맡는다 */
html[data-palette] #main .hero.discovery-hero{display:none!important}
html[data-palette] #main .pn-conditions{background:#fff!important;border:1px solid #E6E1DA!important;padding-bottom:4px}
html[data-palette] #main .pn-conditions-head{background:transparent!important;border:0!important;align-items:flex-start;padding-bottom:6px}
html[data-palette] #main .pn-conditions-head>h2:not(.v3-h){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v3-title{min-width:0}.v3-h{font-size:clamp(20px,2.3vw,26px)!important;font-weight:700!important;letter-spacing:-.6px!important;line-height:1.3!important;margin:0 0 2px!important;color:#1F1B16;text-wrap:balance}
.v3-stats{margin:0;color:#5D554C;font-size:13px}
html[data-palette] #main .pn-conditions .ld-findbar{background:transparent!important;border:0!important;padding-top:4px}
html[data-palette] #main #search-form.search{border:1.5px solid #1F1B16!important;border-radius:12px!important;background:#fff!important;transition:box-shadow .3s,border-color .3s}
html[data-palette] #main #search-form.search:focus-within{box-shadow:0 0 0 4px rgba(148,88,11,.18)!important;border-color:#94580B!important}
/* 분야: 아이콘 타일 → 한 줄 칩 */
html[data-palette] #main .browse-category-picker{border:0!important;background:transparent!important}
html[data-palette] #main .browse-category-picker>summary{display:none!important}
html[data-palette] #main .browse-category-picker .categories{display:flex!important;flex-wrap:wrap;gap:8px;padding:6px 20px 2px!important;margin:0!important;border:0!important;background:transparent!important;width:auto!important}
html[data-palette] #main .categories .category-group{display:contents!important}
html[data-palette] #main .categories .category-group-label{display:none!important}
html[data-palette] #main .categories .category{flex:none!important;width:auto!important;min-width:0!important;height:auto!important;min-height:36px!important;padding:7px 13px!important;border-radius:8px!important;border:1px solid transparent!important;background:#F4F2EE!important;color:#5D554C!important;font-size:13px!important;font-weight:500!important;display:inline-flex!important;flex-direction:row!important;align-items:center;gap:0;box-shadow:none!important}
html[data-palette] #main .categories .category .cat-icon{display:none!important}
html[data-palette] #main .categories .category.selected{background:#F6EEE3!important;color:#94580B!important;font-weight:650!important}
/* 세부 분야 칩 */
.v3-subs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 20px 10px}
.v3-sub{border:1px solid #E6E1DA;background:#fff;color:#5D554C;border-radius:999px;padding:5px 11px;font-size:12px;line-height:1.5;cursor:pointer;min-height:30px;font-family:inherit}
.v3-sub[aria-pressed="true"]{color:#94580B;border-color:transparent;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #1F1B16;font-weight:600}
@media (hover:hover){.v3-sub:hover{transform:translateY(-2px)}}
.v3-sub-more{color:#8C8379}
html[data-palette] #main .pn-conditions .ld-toolbar,html[data-palette] #main .pn-conditions .browse-tools{background:transparent!important}
/* 결과 제목 줄: 색면 대신 가벼운 줄 */
html[data-palette] #main .pn-results-head{background:transparent!important;border:0!important;box-shadow:none!important;padding:10px 4px!important}
html[data-palette] #main .pn-results-head h2{font-size:17px!important}
html[data-palette] #main .pn-results-count{color:#94580B;font-weight:700;font-variant-numeric:tabular-nums}
html[data-palette] #main #results-list.notice-grid{background:transparent!important;padding:0!important}
/* 카드: 안쪽 상자를 걷어내고 줄 간격으로 정리 */
html[data-palette] #main .notice-card .card-facts{background:transparent!important;border:0!important;padding:0!important;margin-top:6px!important;display:grid;gap:2px}
html[data-palette] #main .notice-card .card-facts>div{border:0!important;padding:3px 0!important}
html[data-palette] #main .notice-card .fact-note{font-size:12px!important;color:#8C8379!important;margin-top:6px!important}
html[data-palette] #main .notice-card .card-top{border-bottom:0!important;padding-bottom:4px!important}
/* 저장 = 별 담기 */
html[data-palette] #main .notice-card .save-button::after{content:"담기"!important}
html[data-palette] #main .notice-card .save-button.saved::after{content:"담김"!important}
html[data-palette] #app .save-button.saved svg,html[data-palette] #app [data-detail-save].saved svg{fill:currentColor}
html[data-palette] #main .categories .category::before,html[data-palette] #main .categories .category::after{display:none!important;content:none!important}
html[data-palette] #main .categories .category>span:not(.cat-icon){overflow:visible!important;text-overflow:clip!important;max-width:none!important;white-space:nowrap!important}
html[data-palette] #main .categories .category>*:not(span){display:none!important}

/* ═══ 3차 (2026-10-01 대표 수정 요청) ═══ */
/* R2 칸마다 그림자 */
html[data-palette] #main .preview-status,html[data-palette] #main .pn-conditions,html[data-palette] #main .notice-card,html[data-palette] #main .detail-card,html[data-palette] #main section.hero,html[data-palette] #main .d26-summary,html[data-palette] #main .editorial-journeys,html[data-palette] .right-rail>section,html[data-palette] .right-rail>.rail-card{box-shadow:var(--v3-shadow-1)}
html[data-palette] #main .pn-conditions{box-shadow:var(--v3-shadow-2)}
/* D1 최상단 문구 제거 · F4 상단 광고 문의 제거 */
html[data-palette] .topbar .logo-tag,html[data-palette] .topbar .ad-top-inquiry{display:none!important}
/* D2 메뉴 바: 외곽 테두리 없이 같은 너비 칸, 사이에 가는 세로선 */
#app .workspace>aside.sidebar{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr));gap:0!important;align-items:stretch}
#app .workspace>aside.sidebar .side-nav{display:contents!important}
#app .workspace>aside.sidebar .sidebar-separator,#app .workspace>aside.sidebar .side-foot{display:none!important}
#app .workspace>aside.sidebar .side-nav a{position:relative;display:flex!important;align-items:center;justify-content:center;gap:6px;min-width:0;width:auto!important;padding:10px 6px!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent;white-space:nowrap;font-size:13.5px}
#app .workspace>aside.sidebar .side-nav a::before{content:"";position:absolute;left:0;top:50%;height:14px;margin-top:-7px;width:1px;background:#CFC8BE}
#app .workspace>aside.sidebar .side-nav:first-of-type a:first-child::before{display:none}
#app .workspace>aside.sidebar .side-nav a.active{background:#F6EEE3!important;color:#94580B;font-weight:650}
/* D5 별 버튼: 글자 없이 별만. 담으면 그 공고가 검은 카드·흰 글자·노란 별 */
html[data-palette] #main .notice-card .save-button::after,html[data-palette] #main .notice-card .save-button.saved::after{content:none!important;display:none!important}
html[data-palette] #main .notice-card .save-button{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:10px!important;border:0!important;background:#EFEDE8!important;display:grid!important;place-items:center}
html[data-palette] #main .notice-card .save-button svg{width:20px;height:20px}
html[data-palette] #main .notice-card:has(.save-button.saved){background:#1F1B16!important;border-color:#1F1B16!important;color:#fff!important}
html[data-palette] #main .notice-card:has(.save-button.saved) :is(h3,a,span,dt,dd,p,small,b,strong,div,i){color:#fff!important}
html[data-palette] #main .notice-card:has(.save-button.saved) :is(.badge,.card-category,.record-kind,.d26-new,.tag,.chip,[class*="badge"],[class*="status"]){background:rgba(255,255,255,.14)!important;border-color:transparent!important}
html[data-palette] #main .notice-card:has(.save-button.saved) :is(.card-facts,.card-details,.card-footer,.card-top,.card-meta,hr){border-color:rgba(255,255,255,.18)!important;background:transparent!important}
html[data-palette] #main .notice-card:has(.save-button.saved) .save-button{background:rgba(255,255,255,.12)!important}
html[data-palette] #main .notice-card:has(.save-button.saved) .save-button svg{color:var(--v3-gold)!important;stroke:var(--v3-gold)!important;fill:var(--v3-gold)!important}
html[data-palette] #main .notice-card:has(.save-button.saved) :is(.secondary,.card-footer a,.aff-view,button:not(.save-button)){background:rgba(255,255,255,.12)!important;border-color:transparent!important;color:#fff!important}
html[data-palette] #main .notice-card{transition:transform .5s var(--v3-ease),box-shadow .5s var(--v3-ease),background-color .35s,color .35s,border-color .35s}
/* D7 알약 버튼 → 모서리 둥근 사각, 외곽선 없이 연회색 면 */
.v3-sub{border-radius:8px!important;border:0!important;background:#EFEDE8!important}
.v3-sub[aria-pressed="true"]{background:#1F1B16!important;color:#fff!important;box-shadow:none!important}
html[data-palette] .topbar .top-actions :is(a,button){border-radius:10px!important}
html[data-palette] .topbar .top-actions :is(.subtle-link,.avatar){border:0!important;background:#EFEDE8!important;box-shadow:none!important}
html[data-palette] #main :is(.secondary,.subtle-link,#reset,.more,.calendar-action,.picker-toggle){border-radius:10px!important}
html[data-palette] #main :is(.secondary,#reset,.more){border:0!important;background:#EFEDE8!important;box-shadow:none}
html[data-palette] #main .audience-switch,html[data-palette] #main .audience-switch a{border-radius:10px!important}
html[data-palette] #main .audience-switch{border:0!important;background:#EFEDE8!important}
html[data-palette] .right-rail :is(button,.primary,.secondary,a.primary){border-radius:10px!important}
/* F1 문의 책갈피 */
.v3-asktab{position:fixed;right:0;top:42%;z-index:900;writing-mode:vertical-rl;background:var(--v3-ink);color:#fff;border:0;border-radius:12px 0 0 12px;padding:16px 10px;font:600 14px/1 Pretendard,system-ui,sans-serif;letter-spacing:3px;cursor:pointer;box-shadow:-8px 10px 24px -14px rgba(0,0,0,.45);transition:transform .5s var(--v3-ease),padding .5s var(--v3-ease)}
@media (hover:hover){.v3-asktab:hover{transform:translateX(-4px);padding-right:14px}}
html[data-palette] #main .preview-status button[data-contact-topic],html[data-palette] .right-rail .rail-contact{display:none!important}
/* F2 마감 캘린더 압축 */
html[data-palette] .right-rail #deadline-calendar{padding:12px 12px 10px!important}
html[data-palette] .right-rail #deadline-calendar .rail-title{margin:0 0 6px!important;padding:0 0 6px!important;min-height:0!important}
html[data-palette] .right-rail #deadline-calendar .calendar-toolbar{display:grid!important;grid-template-columns:34px 1fr 34px;gap:6px;margin:0 0 6px!important;height:auto!important;min-height:0!important}
html[data-palette] .right-rail #deadline-calendar .calendar-toolbar input[type=date]{height:34px!important;min-height:34px!important;padding:4px 8px!important;font-size:12.5px!important;width:100%}
html[data-palette] .right-rail #deadline-calendar .calendar-toolbar :is(button,.calendar-action){height:34px!important;min-height:34px!important;width:34px!important;min-width:0!important;padding:0!important}
html[data-palette] .right-rail #deadline-calendar .calendar-toolbar>*{margin:0!important}
html[data-palette] .right-rail #deadline-calendar .calendar-range{margin:2px 0 4px!important;font-size:11.5px!important}
html[data-palette] .right-rail #deadline-calendar .calendar-day{height:44px!important;min-height:44px!important;padding:2px 0!important}
html[data-palette] .right-rail #deadline-calendar .calendar-week{margin-bottom:6px!important}
html[data-palette] .right-rail #deadline-calendar small:not(.calendar-day small),html[data-palette] .right-rail #deadline-calendar :is(.calendar-note,.calendar-foot){display:none!important}
/* F3 '어떤 지원이 필요하세요' 칸 제거 */
html[data-palette] .right-rail>.rail-card:has(.rail-profile){display:none!important}
/* F4 성장 솔루션 아래 광고 문의 */
.v3-adlink{display:block;text-align:center;margin:-4px 0 12px;padding:10px;border-radius:10px;background:#EFEDE8;color:#5D554C;font-size:13px;font-weight:600;text-decoration:none;transition:transform .45s var(--v3-ease),background-color .3s}
@media (hover:hover){.v3-adlink:hover{transform:translateY(-1px);background:#E6E1DA}}
html[data-palette] #main .notice-card:has(.save-button.saved) :is(.grade-chip,[class*="chip"],[class*="flag"]){background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:transparent!important}
#app .workspace>aside.sidebar .side-nav a .nav-count{position:static!important;margin:0 0 0 2px!important;flex:none}
#app .workspace>aside.sidebar .side-nav a>*{flex:none}
html[data-palette] .right-rail #deadline-calendar .calendar-toolbar label.sr{position:absolute!important}
/* F1 문의 창을 책갈피에서 나오는 서랍으로 */
html[data-palette] .support-launcher{display:none!important}
html[data-palette] .support-panel{right:0!important;top:14%!important;bottom:auto!important;max-height:72dvh!important;border-radius:16px 0 0 16px!important;box-shadow:var(--v3-shadow-2)!important;animation:v3-drawer .5s var(--v3-ease)}
@keyframes v3-drawer{from{transform:translateX(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){html[data-palette] .support-panel{animation:none}}
body:has(.support-panel:not([hidden])) .v3-asktab{display:none}

/* ═══ 4차: 내 조건(숨쉬는 원) · 별자리 마무리 · 별이 도는 로더 ═══ */
body[data-route="profile"] .profile-page{overflow:hidden}
body[data-route="profile"] .profile-page .choices{display:flex!important;flex-wrap:wrap;justify-content:center;gap:22px;padding:18px 0 8px;border:0!important;background:transparent!important}
body[data-route="profile"] .profile-page .choices .option{width:148px!important;height:148px!important;min-height:0!important;border-radius:50%!important;border:0!important;background:#EFEDE8!important;color:#1F1B16!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px;text-align:center;padding:14px!important;box-shadow:0 0 0 0 rgba(148,88,11,.3);animation:v3-breathe 2.6s ease-in-out infinite;cursor:pointer;transition:background-color .35s,color .35s}
body[data-route="profile"] .profile-page .choices .option:nth-child(2n){animation-delay:.45s}
body[data-route="profile"] .profile-page .choices .option:nth-child(3n){animation-delay:.9s}
body[data-route="profile"] .profile-page .choices .option:nth-child(5n){animation-delay:1.3s}
body[data-route="profile"] .profile-page .choices .option>span:first-of-type{display:flex;flex-direction:column;gap:3px;font-weight:650;font-size:15px;line-height:1.3}
body[data-route="profile"] .profile-page .choices .option small{font-size:11px;font-weight:400;opacity:.75;line-height:1.35}
body[data-route="profile"] .profile-page .choices .option>span:last-of-type:not(:first-of-type),body[data-route="profile"] .profile-page .choices .option .radio,body[data-route="profile"] .profile-page .choices .option .check{display:none!important}
body[data-route="profile"] .profile-page .choices .option svg{width:22px;height:22px}
body[data-route="profile"] .profile-page .choices .option.selected{background:#1F1B16!important;color:#fff!important;animation:none;transform:scale(1.06);box-shadow:0 0 0 4px #FFD466,var(--v3-shadow-2)}
body[data-route="profile"] .profile-page .choices .option.selected::after{content:"★";position:absolute;margin-top:-96px;color:#FFD466;font-size:20px;text-shadow:0 0 8px rgba(255,212,102,.8)}
body[data-route="profile"] .profile-page .choices .option{position:relative}
body[data-route="profile"] .profile-page .choices.compact .option{width:84px!important;height:84px!important;padding:6px!important}
body[data-route="profile"] .profile-page .choices.compact .option>span:first-of-type{font-size:13.5px}
body[data-route="profile"] .profile-page .choices.compact .option.selected::after{margin-top:-58px;font-size:15px}
@keyframes v3-breathe{0%,100%{transform:scale(.94);box-shadow:0 0 0 0 rgba(148,88,11,.28)}50%{transform:scale(1.05);box-shadow:0 0 0 12px rgba(148,88,11,0)}}
body[data-route="profile"] .profile-page .progress-track{display:flex!important;gap:6px;justify-content:center;background:transparent!important;height:auto!important}
body[data-route="profile"] .profile-page .progress-track i{width:8px!important;height:8px!important;flex:none!important;border-radius:50%!important;background:#D8CFC3!important;transition:all .5s var(--v3-ease)}
body[data-route="profile"] .profile-page .progress-track i.done{background:#94580B!important}
body[data-route="profile"] .profile-page .progress-track i.done:last-of-type,body[data-route="profile"] .profile-page .progress-track i.done:has(+i:not(.done)){width:22px!important;border-radius:4px!important}
body[data-route="profile"] .profile-page h1{text-align:center}body[data-route="profile"] .profile-page .profile-description,body[data-route="profile"] .profile-page .profile-hint{text-align:center}
/* 별자리 마무리 */
.v3-finale{position:fixed;inset:0;z-index:1300;background:rgba(31,27,22,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;animation:v3-fade .35s ease-out}
.v3-finale-title{color:#fff;font-size:clamp(18px,2.4vw,24px);font-weight:700;letter-spacing:-.4px;margin:0;text-align:center;transition:opacity .3s}
.v3-sky{position:relative;width:min(720px,92vw);aspect-ratio:2/1}
.v3-sky svg{position:absolute;inset:0;width:100%;height:100%}.v3-sky line{stroke:#FFD466;stroke-width:1.4;stroke-linecap:round;opacity:.85;stroke-dasharray:1;stroke-dashoffset:1;animation:v3-draw .5s ease-out forwards}
@keyframes v3-draw{to{stroke-dashoffset:0}}
.v3-cstar{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;animation:v3-pop .5s cubic-bezier(.34,1.56,.64,1) both}
.v3-cstar b{color:#FFD466;font-size:26px;line-height:1;text-shadow:0 0 12px rgba(255,212,102,.9)}
.v3-cstar span{color:#fff;font-size:12px;white-space:nowrap;opacity:.9}
@keyframes v3-pop{from{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}
.v3-finale-go{border:0;border-radius:12px;background:#FFD466;color:#1F1B16;font:700 15px/1 Pretendard,system-ui,sans-serif;padding:14px 22px;cursor:pointer;transition:transform .45s var(--v3-ease),opacity .3s;animation:v3-pop2 .5s cubic-bezier(.34,1.56,.64,1)}
.v3-finale-go:hover{transform:translateY(-2px)}@keyframes v3-pop2{from{transform:scale(.6);opacity:0}}
/* 전환-2: 별이 도는 고리 (첫 로딩·대기 화면) */
#app>.loading,#main .loading,.loading[role="status"]{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:40vh;color:#5D554C;font-size:14px}
#app>.loading::before,#main .loading::before,.loading[role="status"]::before{content:"★  ★";font-size:18px;letter-spacing:22px;padding-left:22px;color:#94580B;display:block;width:74px;height:74px;line-height:74px;text-align:center;animation:v3-orbit 1.5s linear infinite;text-shadow:0 0 0 #FFD466}
@keyframes v3-orbit{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){body[data-route="profile"] .profile-page .choices .option,#app>.loading::before,.v3-cstar,.v3-finale{animation:none!important}}
/* 분류-1: 대상 미확인이 0건이 되어 탭을 숨긴다(넓은 분류로 대체) */
html[data-palette] #main .audience-switch a:nth-child(4){display:none!important}

/* ═══ 5차: 검색창 5+2 — 저장한 조건 탭 + 켜진 조건 칩 + 조건 더하기 ═══ */
html[data-palette] #main .pn-conditions:not(.v3-add-open) .ld-toolbar-row,html[data-palette] #main .pn-conditions:not(.v3-add-open) .browse-tools{display:none!important}
html[data-palette] #main .pn-conditions .browse-tools{display:block!important;border:0!important;background:transparent!important;padding:0 20px 8px!important}
html[data-palette] #main .pn-conditions .browse-tools>details>summary{display:none!important}
html[data-palette] #main .pn-conditions #preset-box{display:none!important}
html[data-palette] #main .pn-conditions .browse-tools>details.d26-more-filters{border:0!important;background:transparent!important;padding:0!important}
html[data-palette] #main .pn-conditions.v3-add-open .ld-toolbar-row{animation:v3-fade .3s ease-out}
.v3-active{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:2px 20px 12px}
.v3-chip{border:0;border-radius:8px;background:#1F1B16;color:#fff;font:500 12.5px/1.5 inherit;font-family:inherit;padding:5px 8px 5px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:30px;transition:transform .45s var(--v3-ease),background-color .3s}
.v3-chip i{font-style:normal;opacity:.7;font-size:14px;line-height:1}
.v3-chip-add{background:#EFEDE8;color:#1F1B16;font-weight:600;padding:5px 12px}
.v3-chip-clear{background:transparent;color:#8C8379;padding:5px 6px;text-decoration:underline;text-underline-offset:3px}
@media (hover:hover){.v3-chip:hover{transform:translateY(-1px)}.v3-chip:not(.v3-chip-add):not(.v3-chip-clear):hover{background:#94580B}}
.v3-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:16px 0 2px}
.v3-tab{border:0;border-radius:10px;background:#EFEDE8;color:#5D554C;font:600 13px/1.4 inherit;font-family:inherit;padding:8px 13px;cursor:pointer;min-height:36px;display:inline-flex;align-items:center;gap:8px;transition:transform .45s var(--v3-ease),background-color .3s,color .3s}
.v3-tab[aria-selected="true"]{background:#1F1B16;color:#fff}
.v3-tab-star[aria-selected="true"]{color:#FFD466}
.v3-tab-save{background:transparent;color:#94580B;box-shadow:inset 0 0 0 1.5px #E6D6BF}
.v3-tab-x{font-style:normal;font-size:11px;font-weight:500;opacity:.75;text-decoration:underline;text-underline-offset:2px;color:#fff}
@media (hover:hover){.v3-tab:hover{transform:translateY(-1px)}}
.v3-save{display:inline-flex;gap:6px;align-items:center}
.v3-save input{height:36px;border:1.5px solid #1F1B16;border-radius:10px;padding:0 10px;font:14px inherit;font-family:inherit;width:190px;background:#fff}
.v3-save input:focus{outline:0;box-shadow:0 0 0 4px rgba(148,88,11,.18);border-color:#94580B}
.v3-save button{height:36px;border:0;border-radius:10px;padding:0 12px;font:600 13px inherit;font-family:inherit;cursor:pointer;background:#EFEDE8}
.v3-save button[type=submit]{background:#94580B;color:#fff}
html[data-palette] #main .d26-area-picks{display:none!important}

/* ═══ 6차: 영상 칸(담긴 별 아래) · 조건별 광고 표시 ═══ */
.v3-video{position:relative;display:block;width:100%;height:96px;border:0;border-radius:18px;overflow:hidden;background:#1F1B16;cursor:pointer;margin:0 0 12px;padding:0;box-shadow:var(--v3-shadow-1);transition:height .6s var(--v3-ease),box-shadow .5s var(--v3-ease)}
.v3-video :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .4s,transform .7s var(--v3-ease)}
.v3-video-play{position:absolute;left:14px;top:50%;margin-top:-17px;width:34px;height:34px;border-radius:50%;background:#FFD466;color:#1F1B16;display:grid;place-items:center;font-style:normal;font-size:12px;padding-left:2px;transition:transform .5s var(--v3-ease)}
.v3-video-cap{position:absolute;left:58px;right:44px;top:50%;transform:translateY(-50%);text-align:left;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6);display:grid;gap:1px}
.v3-video-cap b{font-size:13.5px;font-weight:650;line-height:1.3}.v3-video-cap small{font-size:11.5px;opacity:.9}
.v3-video em{position:absolute;right:10px;top:8px;font-style:normal;font-size:10px;color:#fff;background:rgba(0,0,0,.45);border-radius:6px;padding:2px 6px}
@media (hover:hover){.v3-video:hover{height:158px;box-shadow:var(--v3-shadow-2)}.v3-video:hover :is(img,video){opacity:1;transform:scale(1.04)}.v3-video:hover .v3-video-play{transform:scale(1.12)}}
.v3-videobox{position:fixed;inset:0;z-index:1400;background:rgba(31,27,22,.9);display:grid;place-items:center;padding:24px;animation:v3-fade .3s ease-out}
.v3-videobox-inner{width:min(1100px,96vw);background:#000;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);animation:v3-pop2 .5s var(--v3-ease)}
.v3-videobox-inner :is(img,video){display:block;width:100%;max-height:76vh;object-fit:contain;background:#000}
.v3-videobox-bar{display:flex;gap:10px;align-items:center;padding:12px 14px;background:#1F1B16;color:#fff}.v3-videobox-bar b{font-size:14px;margin-right:auto}
.v3-videobox-bar :is(a,button){border:0;border-radius:10px;padding:8px 12px;font:600 13px inherit;font-family:inherit;cursor:pointer;background:rgba(255,255,255,.14);color:#fff;text-decoration:none}
.v3-videobox-bar a{background:#FFD466;color:#1F1B16}
.v3-adwhy{margin:-4px 0 8px;font-size:11.5px;color:#94580B}.v3-adwhy:empty{display:none}
@media (prefers-reduced-motion:reduce){.v3-video,.v3-videobox,.v3-videobox-inner{transition:none;animation:none}}

/* ═══ 7차: 우측 칸만 따로 스크롤 — 본문을 내려도 우측은 화면에 붙어 있고, 우측 안에서 따로 굴린다 ═══ */
@media (min-width:1280px){
html[data-palette] .right-rail{position:sticky!important;top:12px!important;align-self:start;max-height:calc(100vh - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#D9CFC2 transparent;padding:6px 10px 28px!important;margin:32px -10px 0!important}
html[data-palette] .right-rail::-webkit-scrollbar{width:6px}
html[data-palette] .right-rail::-webkit-scrollbar-thumb{background:#D9CFC2;border-radius:6px}
html[data-palette] .right-rail::-webkit-scrollbar-track{background:transparent}
}

/* ═══ 8차: 휴대폰·좁은 화면 — 메뉴는 옆으로 미는 띠, 분야 칩은 가로로 줄바꿈 ═══ */
@media (max-width:1179px){
#app .workspace>aside.sidebar{display:flex!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:2px!important}
#app .workspace>aside.sidebar::-webkit-scrollbar{display:none}
#app .workspace>aside.sidebar .side-nav a{flex:none!important;padding:10px 12px!important}
}
@media (max-width:899px){
html[data-palette] #main .browse-category-picker .categories{flex-direction:row!important;padding:6px 0 2px!important}
html[data-palette] .topbar .logo .brand-symbol{width:30px!important;height:30px!important}
}
@media (min-width:900px){html[data-palette] .topbar .logo .brand-symbol{width:38px!important;height:38px!important}}
.v3-video::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,27,22,.82),rgba(31,27,22,.35) 70%,rgba(31,27,22,.1));pointer-events:none}
.v3-video :is(.v3-video-play,.v3-video-cap,em){z-index:1}

/* ═══ 9차: 로고 — 검은 바탕에 노란 기회담 ═══ */
html[data-palette] .topbar .logo,.account-logo{background:#1F1B16!important;border-radius:14px!important;padding:3px 12px 3px 9px!important;gap:4px!important;box-shadow:0 10px 24px -14px rgba(31,27,22,.7);transition:transform .6s var(--v3-ease,cubic-bezier(.19,1,.22,1))}
html[data-palette] .topbar .logo :is(.brand-symbol,.brand-wordmark),.account-logo :is(.brand-symbol,.brand-wordmark){mix-blend-mode:normal!important}
@media (hover:hover){html[data-palette] .topbar .logo:hover,.account-logo:hover{transform:translateY(-2px) rotate(-1.5deg)}}

/* ═══ 10차: 모바일-4 — 떠 있는 부엉이 버튼과 오른쪽 서랍 ═══ */
.v3-fab,.v3-rail-dim,.v3-rail-close{display:none}
@media (max-width:1279px){
.v3-fab{display:block;position:fixed;right:14px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:1290;width:64px;height:64px;border-radius:50%;border:0;padding:0;background:#1F1B16;cursor:pointer;box-shadow:0 14px 28px -10px rgba(31,27,22,.7),0 2px 6px rgba(31,27,22,.3);transition:transform .5s cubic-bezier(.19,1,.22,1)}
.v3-fab img{position:absolute;left:1px;top:4px;width:62px;height:auto;border-radius:50%;pointer-events:none}
.v3-fab b{position:absolute;right:-4px;top:-6px;min-width:24px;height:24px;border-radius:12px;background:#FFD466;color:#1F1B16;font:700 12.5px/24px Pretendard,system-ui,sans-serif;padding:0 6px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.v3-fab:active{transform:scale(.92)}
.v3-fab.v3-bump{animation:v3-fabbump .6s cubic-bezier(.19,1,.22,1)}
html.v3-rail-open .v3-fab{transform:scale(.85);opacity:.0;pointer-events:none}
html.v3-rail-open .v3-rail-dim{display:block;position:fixed;inset:0;z-index:1300;background:rgba(31,27,22,.55);animation:v3-fade .3s ease-out}
html.v3-rail-open[data-palette] .right-rail{display:grid!important;position:fixed!important;top:0!important;right:0;bottom:0;left:auto;height:100vh!important;height:100dvh!important;width:min(360px,90vw);max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:1310;margin:0!important;padding:14px 14px calc(28px + env(safe-area-inset-bottom,0px))!important;background:#F4F2EE;background-image:linear-gradient(rgba(60,40,20,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(60,40,20,.055) 1px,transparent 1px);background-size:32px 32px;box-shadow:-30px 0 60px -20px rgba(0,0,0,.45);animation:v3-drawer .5s cubic-bezier(.19,1,.22,1)}
html.v3-rail-open .v3-rail-close{display:block;order:-1;justify-self:end;border:0;border-radius:10px;background:#EFEDE8;color:#1F1B16;font:600 13px Pretendard,system-ui,sans-serif;padding:8px 14px;cursor:pointer;margin-bottom:-6px}
html.v3-rail-open{overflow:hidden}
}
@media (max-width:899px){.v3-fab{bottom:calc(78px + env(safe-area-inset-bottom,0px))}body:has(.detail-actions) .v3-fab{bottom:calc(152px + env(safe-area-inset-bottom,0px))}}
@keyframes v3-drawer{from{transform:translateX(100%)}to{transform:none}}
@keyframes v3-fabbump{0%{transform:scale(1)}35%{transform:scale(1.22) rotate(-8deg)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.v3-fab,html.v3-rail-open[data-palette] .right-rail{animation:none;transition:none}}