/* Bunn v10.41.2 — Bunn Düzenle 2.0 */

.bunn-v10412-shell{
  width:min(100%,680px);
  margin:0 auto;
  padding:8px 12px calc(104px + env(safe-area-inset-bottom));
}

.bunn-v10412-head{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:13px;
  border-radius:23px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 0%,rgba(177,122,255,.22),transparent 34%),
    linear-gradient(145deg,#34243d,#19121e 72%);
  box-shadow:0 16px 38px rgba(48,32,53,.13);
}

.bunn-v10412-head>button{
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  font:inherit;
  font-size:20px;
}

.bunn-v10412-head small{
  display:block;
  font-size:8.8px;
  letter-spacing:.14em;
  font-weight:850;
  color:#ddcaec;
}

.bunn-v10412-head h1{
  margin:4px 0 0!important;
  font-size:20px!important;
  line-height:1.05!important;
  color:#fff!important;
}

.bunn-v10412-head p{
  margin:4px 0 0!important;
  font-size:10.5px!important;
  color:rgba(255,255,255,.67)!important;
}

.bunn-v10412-head-status,
.bunn-v10412-status{
  padding:7px 9px;
  border-radius:999px;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}

.bunn-v10412-head-status.active,
.bunn-v10412-status.active{
  background:#e7f2ea;
  color:#376849;
}

.bunn-v10412-head-status.expired,
.bunn-v10412-status.expired{
  background:#f1e9f4;
  color:#75547f;
}

.bunn-v10412-card-stage{
  position:relative;
  margin-top:10px;
  min-height:260px;
  max-height:440px;
  overflow:hidden;
  border-radius:25px;
  background:#f5f0f6;
}

.bunn-v10412-card{
  width:100%;
  height:100%;
  overflow:hidden;
}

.bunn-v10412-customize{
  position:absolute;
  z-index:8;
  top:10px;
  right:10px;
  min-height:39px;
  padding:0 11px 0 8px;
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:999px;
  background:rgba(30,21,35,.74);
  color:#fff;
  box-shadow:0 8px 22px rgba(24,15,28,.18);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
}

.bunn-v10412-customize>span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,255,255,.15);
  font-size:16px;
  font-weight:800;
}

.bunn-v10412-customize b{
  display:block;
  font-size:10.8px;
  color:#fff;
}

.bunn-v10412-customize small{
  display:block;
  font-size:8px;
  color:rgba(255,255,255,.66);
}

.bunn-v10412-fallback-card{
  height:100%;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  overflow:hidden;
  background:#19121e;
  color:#fff;
}

.bunn-v10412-fallback-card>div{min-height:0}

.bunn-v10412-fallback-card img,
.bunn-v10412-fallback-card video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.bunn-v10412-fallback-card section{
  padding:13px 15px 15px;
}

.bunn-v10412-fallback-card small{
  display:block;
  font-size:9px;
  letter-spacing:.12em;
  color:#dbcbe7;
}

.bunn-v10412-fallback-card b{
  display:block;
  margin-top:4px;
  font-size:23px;
  line-height:1.06;
}

.bunn-v10412-card-empty{
  height:100%;
  display:grid;
  place-items:center;
  font-size:34px;
}

.bunn-v10412-panel{
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(95,70,111,.10);
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#f8f4f9);
  box-shadow:0 8px 24px rgba(48,34,52,.045);
}

.bunn-v10412-write,
.bunn-v10412-note{
  display:block;
}

.bunn-v10412-write>span,
.bunn-v10412-note>span{
  display:block;
  margin:0 2px 6px;
  font-size:10px;
  font-weight:820;
  color:#705878;
}

.bunn-v10412-note>span small{
  font-size:9px;
  font-weight:650;
  color:#a090a4;
}

.bunn-v10412-write input,
.bunn-v10412-note textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(99,73,112,.12);
  border-radius:14px;
  background:#fff;
  color:#2e2332;
  font:inherit;
  font-size:16px;
  outline:none;
}

.bunn-v10412-write input{
  height:47px;
  padding:0 12px;
}

.bunn-v10412-note textarea{
  padding:11px 12px;
  resize:none;
  line-height:1.35;
}

.bunn-v10412-write input:focus,
.bunn-v10412-note textarea:focus{
  border-color:rgba(142,91,172,.35);
  box-shadow:0 0 0 3px rgba(143,91,172,.08);
}

.bunn-v10412-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:9px 0;
}

.bunn-v10412-detail-grid button{
  min-width:0;
  min-height:58px;
  padding:8px 9px;
  display:grid;
  grid-template-columns:27px minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  border:1px solid rgba(99,73,112,.10);
  border-radius:15px;
  background:#f7f2f9;
  color:#443449;
  text-align:left;
  font:inherit;
}

.bunn-v10412-detail-grid i,
.bunn-v10412-detail-grid em{
  font-style:normal;
}

.bunn-v10412-detail-grid button>i{
  font-size:16px;
}

.bunn-v10412-detail-grid button span{
  min-width:0;
}

.bunn-v10412-detail-grid small{
  display:block;
  font-size:8.5px;
  letter-spacing:.10em;
  font-weight:820;
  color:#907697;
}

.bunn-v10412-detail-grid b{
  display:block;
  margin-top:2px;
  font-size:10.8px;
  color:#47364d;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bunn-v10412-detail-grid em{
  font-size:20px;
  color:#a083aa;
}

.bunn-v10412-section-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}

.bunn-v10412-section-head>div{
  min-width:0;
}

.bunn-v10412-section-head small{
  display:block;
  font-size:8.8px;
  letter-spacing:.13em;
  font-weight:850;
  color:#8c6d98;
}

.bunn-v10412-section-head h2{
  margin:4px 0 0!important;
  font-size:17px!important;
  line-height:1.1!important;
  color:#47364d!important;
}

.bunn-v10412-section-head p{
  margin:4px 0 0!important;
  font-size:10px!important;
  line-height:1.25!important;
  color:#887a8c!important;
}

.bunn-v10412-publication-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}

.bunn-v10412-publication-actions button{
  min-height:48px;
  border-radius:15px;
  font:inherit;
  font-size:12px;
  font-weight:800;
}

.bunn-v10412-publication-actions .pause{
  border:1px solid rgba(103,76,115,.13);
  background:#fff;
  color:#66506e;
}

.bunn-v10412-publication-actions .activate{
  border:0;
  background:linear-gradient(135deg,#735197,#966abb);
  color:#fff;
}

.bunn-v10412-publication-actions .remove{
  border:1px solid rgba(168,70,82,.14);
  background:#fff7f7;
  color:#9a4b55;
}

.bunn-v10412-admin-note{
  display:block;
  margin:8px 2px 0;
  font-size:8.8px;
  line-height:1.28;
  color:#9b8f9e;
}

.bunn-v10412-memory-add{
  min-height:35px;
  padding:0 10px;
  display:flex;
  align-items:center;
  border:1px solid rgba(99,73,112,.11);
  border-radius:999px;
  background:#fff;
  color:#674e70;
  font-size:10px;
  font-weight:780;
}

.bunn-v10412-memory-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:9px;
}

.bunn-v10412-memory-grid img{
  width:100%;
  aspect-ratio:1/1;
  display:block;
  object-fit:cover;
  border-radius:12px;
  background:#eee8f0;
}

.bunn-v10412-empty-memory{
  grid-column:1/-1;
  padding:18px;
  border:1px dashed rgba(99,73,112,.14);
  border-radius:14px;
  text-align:center;
  font-size:10px;
  color:#948697;
}

.bunn-v10412-memory-pending>div{
  margin-top:8px;
  padding:7px;
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:13px;
  background:#f2eaf4;
  color:#695570;
  font-size:9.5px;
}

.bunn-v10412-memory-pending img{
  width:42px;
  height:42px;
  border-radius:9px;
  object-fit:cover;
}

.bunn-v10412-save{
  position:sticky;
  bottom:calc(78px + env(safe-area-inset-bottom));
  z-index:30;
  width:100%;
  min-height:54px;
  margin-top:11px;
  border:0;
  border-radius:17px;
  background:linear-gradient(135deg,#714c98,#9667bd);
  color:#fff;
  box-shadow:0 13px 30px rgba(109,70,143,.25);
  font:inherit;
  font-size:14px;
  font-weight:850;
}

.bunn-v10412-sheet-backdrop{
  position:fixed;
  inset:0;
  z-index:2147483300;
  display:flex;
  align-items:flex-end;
  background:rgba(18,12,21,.42);
}

.bunn-v10412-sheet{
  width:100%;
  padding:9px 14px calc(14px + env(safe-area-inset-bottom));
  border-radius:25px 25px 0 0;
  background:#fff;
  box-shadow:0 -20px 60px rgba(20,12,24,.20);
}

.bunn-v10412-sheet-grab{
  width:42px;
  height:4px;
  margin:0 auto 10px;
  border-radius:999px;
  background:#ded5e1;
}

.bunn-v10412-sheet header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}

.bunn-v10412-sheet header b{
  font-size:17px;
  color:#453449;
}

.bunn-v10412-sheet header button{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#f3edf5;
  color:#5f4967;
  font-size:21px;
}

.bunn-v10412-sheet label>span{
  display:block;
  margin:0 2px 5px;
  font-size:10px;
  font-weight:800;
  color:#705878;
}

.bunn-v10412-sheet input{
  width:100%;
  height:48px;
  box-sizing:border-box;
  padding:0 11px;
  border:1px solid rgba(99,73,112,.13);
  border-radius:13px;
  background:#faf7fb;
  color:#2d2231;
  font:inherit;
  font-size:16px;
}

.bunn-v10412-sheet-time{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.bunn-v10412-sheet-apply{
  width:100%;
  min-height:50px;
  margin-top:10px;
  border:0;
  border-radius:15px;
  background:linear-gradient(135deg,#714c98,#9667bd);
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:820;
}

.bunn-v10412-loading,
.bunn-v10412-error{
  min-height:58vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  padding:20px;
}

.bunn-v10412-loading-orb{
  width:48px;
  height:48px;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 29%,#fff 0 5%,#e2ceff 13%,#aa78ff 39%,rgba(102,53,178,.28) 70%);
  box-shadow:0 0 28px rgba(162,115,255,.30);
  animation:bunnV10412Pulse 1.8s ease-in-out infinite;
}

@keyframes bunnV10412Pulse{
  50%{transform:scale(1.045)}
}

.bunn-v10412-loading b,
.bunn-v10412-error b{
  font-size:15px;
  color:#49384f;
}

.bunn-v10412-loading small,
.bunn-v10412-error p{
  font-size:10px;
  color:#918394;
}

.bunn-v10412-error button{
  min-height:44px;
  padding:0 14px;
  border:1px solid rgba(99,73,112,.12);
  border-radius:14px;
  background:#fff;
  color:#664e6e;
  font:inherit;
}

@media(max-width:390px){
  .bunn-v10412-shell{
    padding-left:10px;
    padding-right:10px;
  }

  .bunn-v10412-head{
    grid-template-columns:40px minmax(0,1fr) auto;
    padding:11px;
  }

  .bunn-v10412-card-stage{
    max-height:390px;
  }

  .bunn-v10412-detail-grid{
    gap:7px;
  }
}

@media(prefers-reduced-motion:reduce){
  .bunn-v10412-loading-orb{
    animation:none;
  }
}