@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800;900&family=Fredoka+One&display=swap');
.kab-board { font-family:'Nunito',sans-serif; border-radius:20px; overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.15); background:#fff; }
.kab-theme-space  .kab-header { background:linear-gradient(135deg,#1a1a2e,#0f3460); }
.kab-theme-jungle .kab-header { background:linear-gradient(135deg,#134e5e,#71b280); }
.kab-theme-candy  .kab-header { background:linear-gradient(135deg,#f093fb,#f5576c); }
.kab-theme-ocean  .kab-header { background:linear-gradient(135deg,#0575e6,#021b79); }
.kab-header { display:flex; align-items:center; gap:10px; padding:14px 20px; color:#fff; }
.kab-header-icon  { font-size:1.4rem; animation:kabBounce 2s ease infinite; }
@keyframes kabBounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
.kab-header-title { font-family:'Fredoka One',cursive; font-size:1.15rem; flex:1; }
.kab-badge { background:rgba(255,255,255,.2); color:#fff; border-radius:20px; padding:2px 10px; font-size:.78rem; font-weight:900; }
.kab-scroll-body { overflow-y:auto; padding:12px; display:flex; flex-direction:column; gap:10px; scrollbar-width:thin; scrollbar-color:#c5b4e3 #f5f0ff; }
.kab-scroll-body::-webkit-scrollbar { width:6px; }
.kab-scroll-body::-webkit-scrollbar-thumb { background:#c5b4e3; border-radius:10px; }
.kab-item { border-radius:14px; overflow:hidden; animation:kabPop .4s cubic-bezier(0.34,1.56,0.64,1) both; transition:transform .25s,box-shadow .25s; }
.kab-item:hover { transform:scale(1.015); box-shadow:0 6px 20px rgba(0,0,0,.15); }
@keyframes kabPop { from{opacity:0;transform:scale(.9) translateY(8px)} to{opacity:1;transform:none} }
.kab-item:nth-child(1){animation-delay:.05s}.kab-item:nth-child(2){animation-delay:.10s}.kab-item:nth-child(3){animation-delay:.15s}.kab-item:nth-child(4){animation-delay:.20s}.kab-item:nth-child(5){animation-delay:.25s}
.kab-item-top { display:flex; align-items:flex-start; gap:10px; padding:12px 14px 8px; }
.kab-item-emoji { font-size:1.4rem; flex-shrink:0; }
.kab-item-text  { font-size:.95rem; font-weight:800; line-height:1.45; flex:1; }
.kab-item-foot  { display:flex; align-items:center; justify-content:space-between; padding:0 14px 10px; font-size:.75rem; }
.kab-item-date  { opacity:.7; font-weight:700; }
.kab-item-link  { background:rgba(255,255,255,.25); padding:3px 10px; border-radius:20px; text-decoration:none; font-weight:800; font-size:.78rem; transition:background .2s; color:inherit; }
.kab-item-link:hover { background:rgba(255,255,255,.45); }
.kab-item-stripe { height:4px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0,rgba(255,255,255,.45) 16px,transparent 16px,transparent 32px); background-size:32px; animation:kabStripe 1.2s linear infinite; }
@keyframes kabStripe { from{background-position:0 0} to{background-position:32px 0} }
.kab-empty { text-align:center; padding:40px 20px; color:#aaa; }
.kab-empty span { font-size:3rem; display:block; margin-bottom:10px; }
.kab-empty p { font-weight:700; font-size:.95rem; }