.catat-note-fab{
  position:fixed;right:18px;top:48%;z-index:120;width:154px;min-height:126px;
  border:0;border-radius:7px 7px 22px 7px;padding:17px 15px 14px;text-align:left;
  background:linear-gradient(145deg,#FFF6A9,#FFE26E);color:#4A3B11;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;
  box-shadow:0 15px 38px rgba(66,53,14,.23),inset 0 1px rgba(255,255,255,.7);
  transform:rotate(1.7deg);transition:transform .2s ease,box-shadow .2s ease;
}
.catat-note-fab::before{content:"";position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 29px 29px;border-color:transparent transparent #E4C34E transparent;filter:drop-shadow(-2px -2px 2px rgba(92,72,10,.08))}
.catat-note-fab:hover{transform:rotate(0) translateY(-4px);box-shadow:0 19px 42px rgba(66,53,14,.28)}
.catat-note-fab:active{transform:rotate(0) translateY(1px) scale(.98)}
.catat-note-pin{display:block;width:24px;height:24px;border-radius:50%;background:#E86D74;box-shadow:0 4px 9px rgba(110,31,36,.2);position:absolute;right:14px;top:-10px}
.catat-note-title{display:block;font-size:15px;font-weight:900;line-height:1.15;margin-bottom:9px}.catat-note-title::before{content:"✎";margin-right:5px}
.catat-note-status{display:block;font-size:11px;font-weight:750;line-height:1.35;max-width:108px}
.catat-note-total{display:block;font-size:10px;font-weight:650;opacity:.72;margin-top:8px}
.catat-note-fab.done{background:linear-gradient(145deg,#DCF5E5,#BFE8D0);color:#155E40}.catat-note-fab.done::before{border-color:transparent transparent #92C9A9 transparent}.catat-note-fab.done .catat-note-pin{background:#1E9E6A}

.catat-popover[aria-hidden="true"]{display:none}.catat-popover{position:fixed;inset:0;z-index:200;font-family:'Plus Jakarta Sans',system-ui,sans-serif}.catat-popover-backdrop{position:absolute;inset:0;background:rgba(14,33,26,.48);backdrop-filter:blur(3px)}
.catat-popover-card{position:absolute;right:32px;top:50%;transform:translateY(-50%);width:min(430px,calc(100vw - 36px));max-height:88vh;overflow:auto;background:#FFFDF1;color:#1F352E;border:1px solid #EAD68A;border-radius:26px;padding:24px;box-shadow:0 24px 70px rgba(15,42,32,.28)}
.catat-popover-card::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 38px,rgba(195,163,50,.105) 39px,rgba(195,163,50,.105) 40px);pointer-events:none;border-radius:inherit}
.catat-popover-content{position:relative;z-index:1}.catat-popover-close{position:absolute;right:0;top:0;width:38px;height:38px;border:1px solid #E7DDAE;border-radius:50%;background:#fff;color:#40584E;font:800 21px/1 inherit;cursor:pointer}
.catat-popover-kicker{font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#8B6A08}.catat-popover-card h2{font-size:27px;line-height:1.16;letter-spacing:-.035em;margin:7px 45px 6px 0}.catat-popover-lead{font-size:13px;line-height:1.55;color:#54685F;max-width:36ch}
.catat-day-card{margin:18px 0 13px;background:rgba(255,255,255,.83);border:1px solid #E9DFAF;border-radius:17px;padding:13px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.catat-day-card strong{display:block;font-size:13px}.catat-day-card span{display:block;font-size:10.5px;color:#72837A;margin-top:2px}.catat-day-badge{flex:0 0 auto;background:#F7E99B;color:#69520C;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:900}
.catat-quick-form{display:flex;gap:8px}.catat-quick-input{flex:1;min-width:0;border:1.5px solid #DCCB83;border-radius:99px;background:#fff;padding:13px 16px;color:#1F352E;font:750 16px inherit}.catat-quick-input:focus{outline:none;border-color:#1E9E6A;box-shadow:0 0 0 4px rgba(30,158,106,.14)}.catat-quick-send{width:50px;height:50px;flex:0 0 auto;border:0;border-radius:50%;background:#168458;color:#fff;font:900 22px inherit;cursor:pointer;box-shadow:0 7px 16px rgba(22,132,88,.22)}
.catat-quick-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:10px}.catat-quick-chips::-webkit-scrollbar{display:none}.catat-quick-chip{white-space:nowrap;border:1px solid #E2D69D;background:rgba(255,255,255,.74);color:#54685F;border-radius:99px;padding:7px 10px;font:750 11px inherit;cursor:pointer}
.catat-quick-result{display:none;margin-top:12px;background:#E5F4EA;border:1px solid #CDE7D6;border-radius:13px;padding:11px 12px;font-size:11.5px;line-height:1.5;color:#40584E}.catat-quick-result.show{display:block}.catat-quick-result strong{display:block;font-size:13px;color:#155E40}
.catat-popover-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px dashed #D9CB8A}.catat-device{font-size:10px;font-weight:750;color:#718078}.catat-open-full{color:#127A50;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}
body.catat-popover-open{overflow:hidden}
.back-top{position:fixed;left:18px;bottom:18px;z-index:118;width:43px;height:43px;border:1px solid #D7E7DD;border-radius:50%;background:rgba(255,255,255,.94);color:#137A51;box-shadow:0 8px 22px rgba(31,53,46,.15);font:900 19px inherit;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s}.back-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:760px){
  .catat-note-fab{right:13px;top:auto;bottom:82px;width:88px;min-height:56px;height:56px;border-radius:16px;padding:0 9px;display:flex;align-items:center;justify-content:center;transform:rotate(1deg)}
  .catat-note-fab::before{border-width:0 0 17px 17px}.catat-note-pin{width:14px;height:14px;right:7px;top:-6px}.catat-note-title{font-size:11px;margin:0;white-space:nowrap}.catat-note-title::before{font-size:17px;margin-right:4px}.catat-note-status,.catat-note-total{display:none}.catat-note-fab.has-reminder::after{content:"";position:absolute;left:-3px;top:-3px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#E5697E}
  .catat-popover-card{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;max-height:91vh;border-radius:26px 26px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px))}
  .catat-popover-card h2{font-size:23px}.catat-popover-lead{font-size:12px}.catat-popover-foot{align-items:flex-end}.catat-device{max-width:58%;line-height:1.35}
  .back-top{left:13px;bottom:84px;width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.catat-note-fab{transition:none}.catat-popover-backdrop{backdrop-filter:none}}