.yukle{max-width:34rem}.yukle__form,.yukle__ozet,.yukle__sonuc{background:var(--panel);border-top:3px solid var(--gold);border-radius:0 0 var(--radius-m) var(--radius-m);gap:20px;padding:28px 24px;display:grid}.yukle [hidden]{display:none}.alan{color:var(--mute);gap:8px;font-size:.95rem;display:grid}.alan input{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--void);width:100%;height:52px;color:var(--bone);font:inherit;font-size:var(--step-0);padding:0 14px}.alan input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.alan__tutar{position:relative}.alan__tutar input{font-variant-numeric:tabular-nums;appearance:textfield;padding-right:48px}.alan__tutar input::-webkit-inner-spin-button{appearance:none;margin:0}.alan__tutar input::-webkit-outer-spin-button{appearance:none;margin:0}.alan__birim{color:var(--mute);pointer-events:none;position:absolute;top:50%;right:14px;translate:0 -50%}.alan__ipucu,.yukle__kucuk{color:var(--mute);font-size:var(--step--1)}.hizli{flex-wrap:wrap;gap:8px;display:flex}.hizli button{border:1px solid var(--line);height:40px;color:var(--bone);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-size:.95rem}.hizli button:hover{border-color:var(--gold)}.hizli button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--void)}.yukle__coin{color:var(--mute)}.yukle__coin strong{font-family:var(--font-display);font-weight:900;font-size:var(--step-3);color:var(--gold);font-variant-numeric:tabular-nums;line-height:1}.yukle__hata{color:var(--hp)}.yukle .btn{justify-content:center}.yukle .btn:disabled{opacity:.6;cursor:progress}.yukle__ozet dl{grid-template-columns:max-content 1fr;gap:12px 24px;display:grid}.yukle__ozet dt{color:var(--mute)}.yukle__ozet dd{color:var(--bone);overflow-wrap:anywhere}.yukle__ozet dd strong{color:var(--gold)}.yukle__eylem{flex-wrap:wrap;gap:12px;display:flex}.yukle__sonuc h2{font-size:var(--step-3);color:var(--gold)}.yukle__sonuc p{color:var(--bone)}@media (max-width:480px){.yukle__ozet dl{grid-template-columns:1fr;gap:4px}.yukle__ozet dd{margin-bottom:8px}}