/* Starlit Scholar — share panel under the free result (/js/share.js) */
.ss-share .ss-sub{margin:0 0 22px;max-width:34em;font-size:15.5px;line-height:1.6;color:var(--moon)}
.ss-grid{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:28px;align-items:start}
.ss-prev{margin:0;position:relative;border-radius:6px;overflow:hidden;background:#0d0f17;aspect-ratio:9/16;
  box-shadow:0 0 0 6px var(--wood-frame),0 0 0 7px rgba(201,164,92,.35),0 24px 60px -16px rgba(0,0,0,.7)}
.ss-prev.fd{aspect-ratio:4/5}
.ss-prev img{display:block;width:100%;height:100%;object-fit:cover}
.ss-prev img:not([src]){visibility:hidden}
.ss-share.busy .ss-prev::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(226,195,132,.12) 50%,transparent 70%) 0 0/200% 100%;animation:ss-shine 1.2s linear infinite}
@keyframes ss-shine{to{background-position:-200% 0}}
.ss-side{min-width:0}
.ss-fmt{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:999px;margin-bottom:16px}
.ss-f{min-height:40px;min-width:88px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--moon);font:600 14px/1 var(--sans);cursor:pointer}
.ss-f[aria-pressed=true]{background:rgba(226,195,132,.16);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(226,195,132,.5)}
.ss-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ss-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:8px 14px;border-radius:6px;border:1px solid rgba(201,191,174,.4);background:rgba(16,19,28,.5);color:var(--ink);font:600 14.5px/1.25 var(--sans);cursor:pointer;text-align:center;min-width:0;overflow-wrap:anywhere}
.ss-b:hover{border-color:var(--ink)}
.ss-b:focus-visible,.ss-f:focus-visible,.ss-flink:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.ss-b.ss-main,.ss-bb.ss-main{border:0;background:var(--seal);color:#FBEFD8;box-shadow:inset 0 0 0 2px rgba(251,239,216,.18)}
.ss-b.ss-main{grid-column:1/-1;min-height:56px;font-size:16px}
.ss-b.ss-main:hover,.ss-bb.ss-main:hover{background:#932D23}
.ss-b svg,.ss-bb svg{width:20px;height:20px;flex:none}
.ss-b.ok{border-color:var(--amber);color:var(--amber)}
.ss-share.busy .ss-b{opacity:.55;pointer-events:none}
.ss-how{margin-top:14px;padding:12px 14px;border-left:3px solid var(--amber);background:rgba(226,195,132,.08);font-size:14.5px;line-height:1.55;color:var(--ink)}
.ss-how ol{margin:6px 0 0;padding-left:20px}.ss-how li{margin-top:2px}
.ss-status{min-height:1.4em;margin-top:10px;font-size:14px;color:var(--amber)}
.ss-friend{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;margin-top:28px;padding:20px;border:1px solid var(--line);border-radius:3px;background:rgba(16,19,28,.6)}
.ss-fhz{font-size:44px;line-height:1.1;text-align:center}
.ss-friend b{font:600 16.5px/1.3 var(--sans)}
.ss-friend p{margin-top:4px;font-size:14.5px;line-height:1.55;color:var(--moon)}
.ss-flink{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:var(--amber);font:600 15px/1.2 var(--sans);text-underline-offset:4px}
.ss-friend .ss-compare{margin-top:10px;color:var(--ink)}
.ss-ref-g{display:block;margin-bottom:8px;color:var(--amber);font-weight:600}
#friendNote .hz{font-size:1.15em}
@media (max-width:560px){
  .ss-grid{grid-template-columns:1fr;gap:20px}
  .ss-prev{width:min(62vw,240px);margin:0 auto}
  .ss-prev.fd{width:min(72vw,280px)}
  .ss-fmt{display:flex;justify-content:center;width:max-content;margin:0 auto 16px}
}
@media (prefers-reduced-motion:reduce){.ss-share.busy .ss-prev::after{animation:none}}

/* floating share bar (shown while the result is on screen) */
.ss-bar{position:fixed;z-index:40;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(760px,calc(100% - 20px));
  display:grid;grid-template-columns:1.25fr 1fr 1fr 1.6fr;gap:6px;padding:6px;border-radius:14px;border:1px solid rgba(201,164,92,.35);
  background:rgba(10,12,19,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.55)}
.ss-bar[hidden]{display:none}
.ss-bb{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;min-width:0;padding:4px 8px;border-radius:9px;border:1px solid rgba(201,191,174,.28);background:transparent;color:var(--ink);font:600 14px/1.15 var(--sans);cursor:pointer;text-align:center}
.ss-bb:hover{border-color:var(--ink)}
.ss-bb:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.ss-bb.ok{border-color:var(--amber);color:var(--amber)}
.ss-bb .ss-short{display:none}
html.ss-bar-on .ft{padding-bottom:110px}
html.ss-bar-on #reading{scroll-margin-bottom:96px}
@media (max-width:640px){
  .ss-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;width:calc(100% - 16px);bottom:max(8px,env(safe-area-inset-bottom))}
  .ss-bb{flex-direction:column;gap:3px;min-height:54px;padding:4px 2px;font-size:12.5px;border-color:transparent}
  .ss-bb .ss-long{display:none}.ss-bb .ss-short{display:inline}
}
/* a friend arrives with ?ref=: their card first */
.ss-fcard{margin:0 0 22px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center;max-width:34em}
.ss-fcard img{width:190px;height:auto;aspect-ratio:4/5;border-radius:6px;background:#0d0f17;box-shadow:0 0 0 5px var(--wood-frame),0 0 0 6px rgba(201,164,92,.35),0 20px 50px -14px rgba(0,0,0,.8)}
.ss-fcard figcaption{font-size:16px;line-height:1.5;color:#E3DCCD}
.ss-fcard figcaption b{display:block;font:400 22px/1.25 var(--serif);color:var(--amber);margin-bottom:4px}
.ss-fgo{display:flex;width:max-content;align-items:center;min-height:44px;margin-top:6px;color:var(--ink);font-weight:600;text-underline-offset:4px}
@media (max-width:759px){
  html.ss-ref-on .gate-in{padding-top:max(14svh,110px)}
  .ss-fcard{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;margin-bottom:18px}
  .ss-fcard img{width:min(44vw,170px)}
  .ss-fcard .ss-fgo{margin-left:auto;margin-right:auto}
  .ss-fcard figcaption{font-size:15px}.ss-fcard figcaption b{font-size:19px}
}
/* 11/05 AI 검수 2회차 */
.ss-tip{margin:10px 0 0;font-size:13px;color:#BFB6A4}
.ss-cmp-top{margin:18px 0 0;padding:14px 16px;border:1px solid rgba(201,164,92,.35);border-radius:8px;background:rgba(14,15,22,.6);font:400 16px/1.5 var(--sans);color:var(--ink)}
.ss-cmp-top b{color:var(--gold2,#E2C384)}
/* 11/05 AI 검수 3회차 */
.ss-toast{position:fixed;left:50%;top:76px;z-index:60;transform:translate(-50%,-8px);max-width:min(92vw,520px);padding:10px 16px;border-radius:8px;
  background:rgba(14,15,22,.96);border:1px solid rgba(201,164,92,.45);color:var(--ink);font:500 14px/1.4 var(--sans);overflow-wrap:anywhere;
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.ss-toast.on{opacity:1;transform:translate(-50%,0)}
html.ss-bar-on #reading{padding-bottom:84px}
.ss-fcard figcaption,.ss-fcard figcaption b,.ss-cmp-top{text-wrap:balance}