.wu-app{--wu-ink:#22304a;--wu-paper:#f8f8f6;--wu-line:#dcdce3;--wu-ok:#4f7d63;--wu-bad:#a6403a;
  --wu-soft:color-mix(in srgb,var(--wu-accent) 10%,#fff);
  max-width:560px;margin:0 auto;padding:28px 18px 56px;color:var(--wu-ink);
  font:16px/1.55 "Avenir Next","Segoe UI",system-ui,sans-serif;box-sizing:border-box}
.wu-app *{box-sizing:border-box}
.wu-standalone{margin:0;background:var(--wu-paper,#f8f8f6);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.wu-page{min-height:100vh;min-height:100dvh}

.wu-head{text-align:center;padding:18px 0 26px}
.wu-couple{margin:0;font:italic 400 clamp(2.4rem,11vw,3.6rem)/1.05 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;letter-spacing:-.01em;color:var(--wu-accent)}
.wu-title{margin:14px 0 6px;font:600 1.15rem/1.3 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
.wu-sub{margin:0 auto;max-width:40ch;color:#5b6577}

.wu-fields{display:grid;gap:12px;margin-bottom:22px}
.wu-fields label{display:grid;gap:5px;font-size:.92rem;font-weight:400;min-width:0}
.wu-lbl{display:block;font-weight:400}
.wu-fields label span{font-weight:400;color:#7a8394;font-size:.78rem}
.wu-fields input,.wu-fields textarea{width:100%;font:inherit;font-size:16px;color:inherit;background:#fff;border:1px solid var(--wu-line);border-radius:10px;padding:11px 13px;resize:vertical}
.wu-fields input:focus,.wu-fields textarea:focus{outline:2px solid var(--wu-accent);outline-offset:1px;border-color:transparent}

.wu-drop{display:grid;justify-items:center;gap:16px;text-align:center;padding:30px 18px 26px;background:color-mix(in srgb,var(--wu-accent) 12%,#fff);border:0;border-radius:32px;transition:background .15s}
.wu-drop.is-over{background:color-mix(in srgb,var(--wu-accent) 22%,#fff);outline:2px dashed var(--wu-accent);outline-offset:-10px}
.wu-drop p{margin:0;color:#4d5668;font-size:.95rem}
.wu-cams{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.wu-camb{display:grid;justify-items:center;align-content:center;gap:8px;width:136px;height:136px;border-radius:50%;font:600 1rem/1 inherit;font-family:inherit;cursor:pointer;transition:transform .15s}
.wu-camb:active{transform:scale(.96)}
.wu-photobtn{background:var(--wu-ok);color:#fff;border:0}
.wu-camb span{color:#fff}
.wu-camb svg{stroke-width:1.8}
.wu-or{display:flex;align-items:center;gap:12px;width:100%;max-width:320px;color:#7a8394;font-size:.82rem}
.wu-or::before,.wu-or::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--wu-accent) 30%,#fff)}
.wu-pick{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;background:var(--wu-accent);color:#fff;border:0;border-radius:28px;padding:15px 24px;line-height:1.3;text-align:center;font:600 1.05rem/1 inherit;font-family:inherit;cursor:pointer;transition:transform .15s}
.wu-pick:active{transform:scale(.97)}
.wu-pick:focus-visible,.wu-camb:focus-visible,.wu-more:focus-visible,.wu-retry:focus-visible{outline:3px solid var(--wu-ink);outline-offset:3px}

.wu-total{margin-top:24px}
.wu-track{height:8px;border-radius:99px;background:var(--wu-line);overflow:hidden}
.wu-total-bar{display:block;height:100%;width:0;background:var(--wu-accent);border-radius:99px;transition:width .25s}
.wu-total-txt{margin:8px 0 0;font-size:.9rem;color:#5b6577;text-align:center}

.wu-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.wu-item>div{min-width:0}
.wu-less{display:block;margin:14px 0 -4px auto;background:none;border:0;padding:6px 4px;font:600 .88rem inherit;font-family:inherit;color:var(--wu-accent);cursor:pointer}
.wu-less[hidden]{display:none}
.wu-list,.wu-item,.wu-less{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.wu-list.is-stack:not(.is-open){-webkit-user-select:none;user-select:none}
.wu-list:focus:not(:focus-visible),.wu-less:focus:not(:focus-visible){outline:none}
.wu-less:focus-visible,.wu-list:focus-visible{outline:3px solid var(--wu-ink);outline-offset:3px;border-radius:14px}

/* Kapalı yığın: kartlar üst üste, altta kenarları görünür */
.wu-list.is-stack:not(.is-open){display:grid;grid-template-columns:1fr;gap:0;padding-bottom:22px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.wu-list.is-stack:not(.is-open)>.wu-item{grid-area:1/1;pointer-events:none;transform-origin:50% 100%;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s}
.wu-list.is-stack:not(.is-open)>.wu-item:nth-child(1){z-index:3}
.wu-list.is-stack:not(.is-open)>.wu-item:nth-child(2){z-index:2;transform:translateY(10px) scale(.95)}
.wu-list.is-stack:not(.is-open)>.wu-item:nth-child(n+3){z-index:1;transform:translateY(20px) scale(.9)}
.wu-list.is-stack:not(.is-open)>.wu-item:nth-child(n+4){opacity:0}
.wu-list.is-stack:not(.is-open)>.wu-item:nth-child(n+2) *{visibility:hidden}
.wu-list.is-stack:not(.is-open)>.wu-item:nth-child(n+2){background:color-mix(in srgb,var(--wu-accent) 6%,#fff)}

/* Açılırken kartlar yığından sırayla açılır */
@keyframes wu-pop{from{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:none}}
.wu-list.is-open>.wu-item{animation:wu-pop .3s cubic-bezier(.2,.8,.2,1) both}
.wu-list.is-open>.wu-item:nth-child(2){animation-delay:.03s}
.wu-list.is-open>.wu-item:nth-child(3){animation-delay:.06s}
.wu-list.is-open>.wu-item:nth-child(4){animation-delay:.09s}
.wu-list.is-open>.wu-item:nth-child(n+5){animation-delay:.12s}
.wu-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--wu-line);border-radius:14px;padding:10px 12px}
.wu-th{width:52px;height:52px;border-radius:10px;background:var(--wu-soft);display:grid;place-items:center;font-size:1.5rem;overflow:hidden}
.wu-th img{width:100%;height:100%;object-fit:cover}
.wu-nm{font-weight:600;font-size:.93rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wu-st{font-size:.82rem;color:#6a7385}
.wu-bar{height:5px;border-radius:9px;background:var(--wu-line);margin-top:6px;overflow:hidden}
.wu-bar i{display:block;height:100%;width:0;background:var(--wu-accent);transition:width .2s}
.wu-item.ok .wu-bar i{background:var(--wu-ok)}
.wu-item.ok .wu-st{color:var(--wu-ok)}
.wu-item.err .wu-st{color:var(--wu-bad)}
.wu-item.err .wu-bar i{background:var(--wu-bad)}
.wu-retry{border:1px solid var(--wu-bad);color:var(--wu-bad);background:none;border-radius:8px;padding:6px 10px;font:600 .8rem inherit;font-family:inherit;cursor:pointer}

.wu-done{margin-top:22px;text-align:center;padding:20px;border-radius:18px;background:color-mix(in srgb,var(--wu-ok) 10%,#fff);border:1px solid color-mix(in srgb,var(--wu-ok) 35%,#fff)}
.wu-done-msg{margin:0 0 12px;font:600 1.1rem/1.4 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
.wu-more{background:var(--wu-accent);color:#fff;border:0;border-radius:999px;padding:11px 22px;font:600 .95rem inherit;font-family:inherit;cursor:pointer}
.wu-closed{text-align:center;padding:24px;background:#fff;border-radius:14px;border:1px solid var(--wu-line)}
@media (min-width:640px){
  .wu-app{max-width:680px;padding:44px 28px 72px}
  .wu-drop{padding:40px 30px 32px}
  .wu-camb{width:150px;height:150px}
  .wu-list{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){.wu-app{max-width:760px}}
@media (max-width:380px){
  .wu-app{padding:18px 12px 40px}
  .wu-cams{gap:12px}
  .wu-camb{width:128px;height:128px;font-size:.95rem}
  .wu-item{grid-template-columns:44px 1fr auto;gap:9px}
  .wu-th{width:44px;height:44px}
}
@media (max-height:520px) and (orientation:landscape){.wu-head{padding:6px 0 14px}.wu-camb{width:110px;height:110px}}
@media (prefers-reduced-motion:reduce){.wu-app *{transition:none!important;animation:none!important}}
@media (pointer:coarse){.wu-hint-desk{display:none}}
.wu-hint-desk{font-size:.86rem;color:#6a7385}

/* Sayfa içi video kaydı */
.wu-rec{position:fixed;inset:0;z-index:99999;background:#000;display:flex;flex-direction:column}
.wu-rec-view{flex:1;min-height:0;width:100%;object-fit:cover;background:#000}
.wu-rec-time{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.55);padding:4px 12px;border-radius:999px;font:600 15px/1.4 system-ui,sans-serif;font-variant-numeric:tabular-nums}
.wu-rec.is-rec .wu-rec-time::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#e5372f;margin-right:8px}
.wu-rec-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-around;padding:20px 16px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.55))}
.wu-rec-bar button{border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.18);width:48px;height:48px;border-radius:50%;font-size:26px;line-height:1}
.wu-rec-bar .wu-rec-go{width:74px;height:74px;background:transparent;border:4px solid #fff;padding:0;display:flex;align-items:center;justify-content:center}
.wu-rec-go i{display:block;width:54px;height:54px;border-radius:50%;background:#e5372f;transition:all .15s}
.wu-rec.is-rec .wu-rec-go i{width:28px;height:28px;border-radius:6px}