@layer components{.home-drafts{width:100%;height:100%;padding-top:calc(var(--card-title-bar-height) + 1px);position:relative;overflow:clip}.home-drafts:before{content:"";background-image:radial-gradient(circle, var(--grey-300) .8px, transparent 1px);opacity:.35;pointer-events:none;background-size:14px 14px;position:absolute;inset:0}.home-drafts:after{content:"";background:linear-gradient(to top, var(--surface-page), transparent);opacity:.45;pointer-events:none;height:34%;position:absolute;inset:auto 0 0}.home-drafts__canvas{width:100%;height:100%;padding:8px;position:relative}.home-drafts__note{--accent:var(--magenta);--x:0;--y:0;--w:100px;--h:76px;--float-x:3px;--float-y:-3px;--delay:0s;top:var(--y);left:var(--x);width:var(--w);height:var(--h);color:var(--text-secondary);background-color:var(--surface-elevated);border:1px solid var(--grey-300);border-radius:var(--radius-200);box-shadow:var(--shadow-100);animation:6s ease-in-out infinite home-drafts-note-float;animation-delay:var(--delay);flex-direction:column;gap:6px;padding:9px 8px 8px;display:flex;position:absolute}.home-drafts__note:first-child{--accent:var(--yellow);--x:8px;--y:14px;--w:102px;--h:74px;--float-x:3px;--float-y:-4px;--delay:-.2s}.home-drafts__note:nth-child(2){--accent:var(--green);--x:84px;--y:48px;--w:118px;--h:88px;--float-x:-3px;--float-y:4px;--delay:-.9s}.home-drafts__note:nth-child(3){--accent:var(--blue);--x:28px;--y:100px;--w:106px;--h:78px;--float-x:4px;--float-y:3px;--delay:-1.4s}.home-drafts__note-title{align-items:center;gap:6px;font-size:9px;font-weight:700;line-height:1;display:flex}.home-drafts__dot{background-color:var(--accent);width:7px;height:7px;box-shadow:0 0 0 1px var(--surface-page);border-radius:50%}.home-drafts__note-body{border-radius:var(--radius-100);opacity:.65;background-image:linear-gradient(to bottom, transparent 0 18%, var(--grey-400) 18% 22%, transparent 22% 42%, var(--grey-400) 42% 46%, transparent 46% 66%, var(--grey-400) 66% 70%, transparent 70% 100%);flex:1;position:relative}@keyframes home-drafts-note-float{0%,to{transform:translate(0)}50%{transform:translate(var(--float-x), var(--float-y))}}@media (prefers-reduced-motion:reduce){.home-drafts__note{animation:none}}}