*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--wall:#f0e7d2;--wall-2:#eadec1;--wall-edge:#ddc9a1;--wall-line:#5a461e12;--ink:#1c1a14;--ink-soft:#6b5e48;--ink-ghost:#9f927b;--stamp:#b8331b;--paperclip:#7a7060;--paper-surface:#fbf7ec;--paper-surface-2:#f2ecd9;--paper-border:#d8cdb3;--paper-border-2:#bfb293;--accent-paper:#f2ead3;--accent-edge:#d9cfb3;--accent-ink:#2e2814;--font-serif:"Fraunces", "Hoefler Text", "Iowan Old Style", Georgia, serif;--font-ui:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", Menlo, monospace;--r-sm:4px;--r:6px;--r-lg:10px;--t:.16s cubic-bezier(.4, 0, .2, 1);--t-slow:.32s cubic-bezier(.25, .8, .3, 1);--shadow-note:0 10px 22px -6px #281c0a38, 0 2px 4px #281c0a1f;--shadow-note-hover:0 20px 34px -8px #281c0a4d, 0 4px 8px #281c0a24;--shadow-drawer:-16px 0 48px #281c0a38;--shadow-modal:0 32px 72px #281c0a47, 0 8px 24px #281c0a24}[data-color=sage]{--tape-a:#8dc9a9;--tape-b:#b7dcc5;--tape-ink:#0e3a23}[data-color=sky]{--tape-a:#8ab4e5;--tape-b:#b6ceee;--tape-ink:#0f2b4e}[data-color=coral]{--tape-a:#ec7d5c;--tape-b:#f2a690;--tape-ink:#4b1608}[data-color=amber]{--tape-a:#e8b860;--tape-b:#f0ce8e;--tape-ink:#3c2708}[data-color=violet]{--tape-a:#ae93de;--tape-b:#c8b7e8;--tape-ink:#301a5e}[data-color=lemon]{--tape-a:#e6db63;--tape-b:#efe697;--tape-ink:#3e3a07}[data-color=teal]{--tape-a:#71c0bb;--tape-b:#9dd4d0;--tape-ink:#0b3837}[data-color=rose]{--tape-a:#e68ba6;--tape-b:#efb1c2;--tape-ink:#4a0e25}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--wall);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100%;display:flex;position:relative}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 40%, transparent 0%, #0000 60%, #46320a1a 100%), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.13  0 0 0 0 0.10  0 0 0 0 0.06  0 0 0 0.08 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"), linear-gradient(180deg, var(--wall) 0%, var(--wall-2) 100%);position:fixed;inset:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}a{color:var(--stamp)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#5a461e2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a461e52}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.header{z-index:20;-webkit-backdrop-filter:blur(2px);background:linear-gradient(#f0e7d2fa 0%,#f0e7d2d1 70%,#f0e7d200 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 40px 14px;display:flex;position:sticky;top:0}.logo-tape{color:#f2e9d2;font-family:var(--font-serif);letter-spacing:.01em;transform-origin:0;-webkit-user-select:none;user-select:none;background:linear-gradient(#2c251a 0%,#1a1410 100%);border-radius:3px;align-items:center;padding:6px 22px 8px;font-size:22px;font-style:italic;font-weight:600;display:inline-flex;position:relative;transform:rotate(-1.6deg);box-shadow:inset 0 1px #fff0d22e,inset 0 -1px #0006,0 3px 10px #1e120859}.logo-tape:before,.logo-tape:after{content:"";background:radial-gradient(circle at 30% 30%,#f2e9d2 0%,#a89a7c 100%);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 2px #0006}.logo-tape:before{left:4px}.logo-tape:after{right:4px}.header-right{align-items:center;gap:10px;display:flex}.new-note-btn{color:#3a2f0b;width:56px;height:56px;font-family:var(--font-serif);box-shadow:var(--shadow-note);transition:transform var(--t), box-shadow var(--t);background:#f2ead3;border:1px solid #d9cfb3;border-radius:1px;flex-direction:column;justify-content:center;align-items:center;font-size:22px;font-weight:600;line-height:1;display:inline-flex;position:relative;transform:rotate(2.4deg)}.new-note-btn:hover{box-shadow:var(--shadow-note-hover);transform:rotate(-1.2deg)translateY(-3px)}.new-note-btn__plus{font-size:24px;line-height:1}.icon-btn{width:38px;height:38px;color:var(--ink-soft);transition:background var(--t), color var(--t), transform var(--t);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--ink);background:#5a461e14;transform:rotate(-8deg)}.board-wrap{z-index:1;flex:1;position:relative;overflow-y:auto}.board{column-width:260px;column-gap:40px;max-width:1600px;margin:0 auto;padding:36px 56px 120px}.board--list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:40px;display:grid}.board--list .note{margin-bottom:0}.board--empty{font-family:var(--font-serif);color:var(--ink-soft);column-width:auto;justify-content:center;align-items:center;padding:120px 40px;font-size:18px;font-style:italic;display:flex}.note{--paper:#f2ead3;--paper-edge:#d9cfb3;--paper-ink:#2e2814;--note-rot:0deg;--note-tx:0px;--note-i:0;break-inside:avoid;background:var(--paper);color:var(--paper-ink);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:170px;transform:translateX(var(--note-tx)) rotate(var(--note-rot));transform-origin:50%;box-shadow:var(--shadow-note);transition:transform var(--t-slow), box-shadow var(--t);animation:.52s cubic-bezier(.2,1.1,.3,1) both pin-down;animation-delay:calc(var(--note-i) * 55ms);background-image:linear-gradient(135deg,#ffffff47 0%,#fff0 18%),linear-gradient(315deg,#00000012 0%,#0000 14%);border-radius:1px;outline:none;margin-bottom:48px;padding:20px 20px 34px;display:block;position:relative}@keyframes slide-in{0%{opacity:0;transform:translateX(-12px) rotate(var(--note-rot))}to{opacity:1;transform:rotate(var(--note-rot))}}@keyframes pin-down{0%{opacity:0;transform:translate(var(--note-tx), -18px) rotate(calc(var(--note-rot) - 4deg)) scale(.94)}60%{opacity:1}to{opacity:1;transform:translateX(var(--note-tx)) rotate(var(--note-rot)) scale(1)}}.note:hover,.note:focus-visible{transform:translate(var(--note-tx), -5px) rotate(calc(var(--note-rot) * .2));box-shadow:var(--shadow-note-hover);z-index:5}.note:focus-visible{outline:2px solid var(--stamp);outline-offset:4px}.note__curl{pointer-events:none;background:linear-gradient(135deg, transparent 46%, #0000001f 48%, #0000000f 52%, var(--paper-edge) 54%, var(--paper) 70%);clip-path:polygon(100% 0,100% 100%,0 100%);filter:drop-shadow(-1px -1px 1px #0000001f);width:26px;height:26px;position:absolute;bottom:0;right:0}.note__category{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-ink);opacity:.55;margin-bottom:10px;font-size:9.5px;font-weight:600;display:inline-block}.note__title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--paper-ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:1.28;display:-webkit-box;overflow:hidden}.note__desc{font-family:var(--font-ui);color:var(--paper-ink);opacity:.78;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:8px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.note__meta{font-family:var(--font-serif);color:var(--paper-ink);opacity:.7;flex-wrap:wrap;gap:10px 14px;margin-top:12px;font-size:12px;font-style:italic;display:flex}.note__meta-item{align-items:center;gap:5px;display:inline-flex}.note__meta-item--overdue{color:var(--stamp);opacity:1;font-weight:500}.note__stamp{border:2px solid var(--stamp);width:26px;height:26px;color:var(--stamp);font-family:var(--font-serif);text-align:center;opacity:.82;letter-spacing:0;pointer-events:none;background:#b8331b0a;border-radius:50%;font-size:18px;font-weight:700;line-height:22px;position:absolute;top:14px;right:16px;transform:rotate(9deg);box-shadow:inset 0 0 0 1px #b8331b33}.note__tapes{pointer-events:none;flex-direction:column-reverse;align-items:flex-start;gap:3px;display:flex;position:absolute;bottom:-12px;left:-8px;right:-8px}.note__tapes .washi{pointer-events:auto}.note__drag-handle{color:var(--paper-ink);opacity:.2;cursor:grab;-webkit-user-select:none;user-select:none;transition:opacity var(--t);pointer-events:none;font-size:14px;line-height:1;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.note:hover .note__drag-handle{opacity:.45}.washi{min-width:78px;max-width:80%;height:22px;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tape-ink);background:repeating-linear-gradient(115deg, var(--tape-a) 0 10px, var(--tape-b) 10px 18px);opacity:.94;clip-path:polygon(1% 10%,0% 0%,99% 6%,100% 92%,99% 100%,1% 92%);align-items:center;padding:4px 14px;font-size:10px;font-weight:600;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000014,0 1px 3px #281c0a2e}.washi:before{content:"";pointer-events:none;background:linear-gradient(#ffffff38 0%,#fff0 40%,#0000000f 100%);position:absolute;inset:0}.washi__label{z-index:1;white-space:nowrap;text-overflow:ellipsis;max-width:100%;position:relative;overflow:hidden}.washi__remove{z-index:1;width:14px;height:14px;color:var(--tape-ink);transition:background var(--t);background:#0000001f;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-size:10px;line-height:1;display:inline-flex;position:relative}.washi__remove:hover{background:#0000003d}.overlay{-webkit-backdrop-filter:blur(2px);z-index:50;opacity:0;pointer-events:none;transition:opacity var(--t-slow);background:#20160852;position:fixed;inset:0}.overlay--open{opacity:1;pointer-events:all}.drawer{z-index:51;background:var(--paper-surface);width:440px;max-width:100vw;box-shadow:var(--shadow-drawer);transition:transform var(--t-slow);color:var(--ink);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='1' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.15  0 0 0 0 0.11  0 0 0 0 0.05  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"), linear-gradient(180deg, var(--paper-surface) 0%, var(--paper-surface-2) 100%);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 800'><path fill='black' d='M6,0 L100,0 L100,800 L7,800 C5,790 10,780 6,770 C3,760 9,750 5,740 C2,730 8,720 6,710 C4,695 9,685 5,675 C2,665 9,655 4,645 C2,635 8,625 5,615 C2,605 9,595 6,585 C3,570 10,560 6,550 C3,540 8,530 5,520 C2,510 9,500 5,490 C2,475 8,465 4,455 C2,445 9,435 5,425 C3,410 10,400 6,390 C3,380 8,370 5,360 C2,345 9,335 5,325 C3,315 8,305 5,295 C2,285 9,275 6,265 C3,255 8,245 5,235 C2,220 9,210 5,200 C3,190 10,180 6,170 C4,160 9,150 5,140 C2,130 9,120 6,110 C3,95 10,85 6,75 C3,65 8,55 5,45 C2,35 9,25 6,15 C4,8 8,4 6,0 Z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 800'><path fill='black' d='M6,0 L100,0 L100,800 L7,800 C5,790 10,780 6,770 C3,760 9,750 5,740 C2,730 8,720 6,710 C4,695 9,685 5,675 C2,665 9,655 4,645 C2,635 8,625 5,615 C2,605 9,595 6,585 C3,570 10,560 6,550 C3,540 8,530 5,520 C2,510 9,500 5,490 C2,475 8,465 4,455 C2,445 9,435 5,425 C3,410 10,400 6,390 C3,380 8,370 5,360 C2,345 9,335 5,325 C3,315 8,305 5,295 C2,285 9,275 6,265 C3,255 8,245 5,235 C2,220 9,210 5,200 C3,190 10,180 6,170 C4,160 9,150 5,140 C2,130 9,120 6,110 C3,95 10,85 6,75 C3,65 8,55 5,45 C2,35 9,25 6,15 C4,8 8,4 6,0 Z'/></svg>");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.drawer--open{transform:translate(0)}.drawer__header{flex-shrink:0;justify-content:space-between;align-items:baseline;padding:20px 24px 12px 60px;display:flex}.drawer__label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-ghost);text-transform:uppercase;font-size:10px;font-weight:600}.drawer__close{width:28px;height:28px;color:var(--ink-soft);transition:background var(--t), color var(--t);border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.drawer__close:hover{color:var(--ink);background:#5a461e14}.drawer__body{flex-direction:column;flex:1;gap:20px;padding:10px 28px 24px 60px;display:flex;overflow-y:auto}.drawer__footer{border-top:1px dashed var(--paper-border);background:linear-gradient(#0000 0%,#00000005 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 18px 60px;display:flex}.drawer__footer-left,.drawer__footer-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field__label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-ghost);text-transform:uppercase;font-size:10px;font-weight:600}.field__label-hint{font-family:var(--font-ui);text-transform:none;letter-spacing:0;color:var(--ink-ghost);font-size:11px;font-weight:400}.field__title-input{border:none;border-bottom:1px solid var(--paper-border);font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);width:100%;transition:border-color var(--t);background:0 0;outline:none;padding:2px 0 8px;font-size:22px;font-weight:600;line-height:1.3}.field__title-input:focus{border-bottom-color:var(--accent-edge)}.field__title-input::placeholder{color:var(--ink-ghost);font-style:italic;font-weight:400}.field__input,.field__textarea,.field__select{border:1px solid var(--paper-border);border-radius:var(--r);color:var(--ink);font-family:var(--font-ui);transition:border-color var(--t), background var(--t);background:#ffffff8c;outline:none;width:100%;padding:9px 12px;font-size:13px;font-weight:500}.field__input:focus,.field__textarea:focus,.field__select:focus{border-color:var(--accent-edge);background:#ffffffe6}.field__input::placeholder,.field__textarea::placeholder{color:var(--ink-ghost);font-weight:400}.field__textarea{resize:vertical;min-height:76px;line-height:1.5;font-family:var(--font-ui)}.field__select{cursor:pointer;appearance:none;background-color:#ffffff8c;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%239F927B' d='M5 6 0 0h10z'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cat-picker{flex-wrap:wrap;gap:10px 14px;padding:4px 0;display:flex}.cat-pick{cursor:pointer;transition:transform var(--t);background:0 0;flex-direction:column;align-items:center;gap:6px;padding:2px;display:inline-flex}.cat-pick:hover{transform:translateY(-2px)}.cat-pick__paper{width:30px;height:30px;box-shadow:var(--shadow-note);transition:transform var(--t), box-shadow var(--t);border:1px solid;border-radius:1px;display:block;transform:rotate(-2deg)}.cat-pick:hover .cat-pick__paper{transform:rotate(1deg)}.cat-pick--selected .cat-pick__paper{outline:2px solid var(--ink);outline-offset:2px;transform:rotate(0)scale(1.08)}.cat-pick__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:9.5px;font-weight:600}.cat-pick--selected .cat-pick__label{color:var(--ink)}.tape-editor{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.tape-editor__preview{flex-wrap:wrap;align-items:center;gap:8px;min-height:26px;display:flex}.tape-editor__hint{font-family:var(--font-serif);color:var(--ink-ghost);font-size:12px;font-style:italic}.tag-form{border:1px dashed var(--paper-border-2);border-radius:var(--r);background:#fff6;flex-direction:column;gap:10px;width:100%;padding:12px;display:flex}.tag-form__actions{gap:8px;display:flex}.color-swatches{flex-wrap:wrap;gap:7px;display:flex}.color-swatch{width:18px;height:18px;transition:transform var(--t), border-color var(--t);cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;padding:0}.color-swatch:hover{transform:scale(1.1)}.color-swatch--selected{border-color:var(--ink);transform:scale(1.15)}.btn{font-family:var(--font-ui);border-radius:var(--r);cursor:pointer;transition:background var(--t), border-color var(--t), color var(--t), transform var(--t);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--ink);color:#f4eedb;border-color:var(--ink);letter-spacing:.01em}.btn--primary:not(:disabled):hover{background:#332a1c;border-color:#332a1c;transform:translateY(-1px)}.btn--ghost{color:var(--ink-soft);border-color:var(--paper-border);background:0 0}.btn--ghost:hover{color:var(--ink);border-color:var(--paper-border-2);background:#0000000a}.btn--danger{color:#8e2818;background:0 0;border-color:#0000}.btn--danger:hover{color:#6e1b0e;background:#b8331b14;border-color:#b8331b33}.btn--sm{padding:6px 12px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#20160866;justify-content:center;align-items:center;padding:24px;transition:opacity .22s;display:flex;position:fixed;inset:0}.modal-overlay--open{opacity:1;pointer-events:all}.modal{background:var(--paper-surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='1' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.15  0 0 0 0 0.11  0 0 0 0 0.05  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"), linear-gradient(180deg, var(--paper-surface) 0%, var(--paper-surface-2) 100%);box-shadow:var(--shadow-modal);border-radius:2px;flex-direction:column;width:560px;max-width:100%;max-height:86vh;transition:transform .26s cubic-bezier(.3,1.1,.3,1);display:flex;position:relative;overflow:hidden;transform:scale(.96)translateY(14px)rotate(-.6deg)}.modal-overlay--open .modal{transform:scale(1)translateY(0)rotate(0)}.modal:before{content:"";clip-path:polygon(2% 18%,0 0,100% 10%,98% 100%,0 92%);background:repeating-linear-gradient(115deg,#d2b478d9 0 8px,#e6cd9bc7 8px 14px);width:110px;height:20px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 3px 6px #281c0a2e}.modal__header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 8px;display:flex}.modal__title{font-family:var(--font-serif);letter-spacing:-.01em;font-size:22px;font-style:italic;font-weight:600}.modal__body{flex-direction:column;flex:1;gap:22px;padding:8px 24px 24px;display:flex;overflow-y:auto}.modal__footer{border-top:1px dashed var(--paper-border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 24px 20px;display:flex}.settings-hint{font-family:var(--font-serif);color:var(--ink-soft);margin:-4px 0 2px;font-size:12.5px;font-style:italic;line-height:1.5}.swatch-row{flex-wrap:wrap;gap:9px;padding:6px 4px 2px;display:flex}.swatch{cursor:pointer;width:22px;height:22px;transition:transform var(--t), outline-color var(--t);outline-offset:2px;border:1px solid #0000001f;border-radius:1px;outline:2px solid #0000;padding:0;box-shadow:0 2px 4px #281c0a24}.swatch:hover{transform:rotate(-3deg)scale(1.1)}.swatch--selected{outline-color:var(--ink);transform:scale(1.12)}.swatch-row--sm .swatch{width:18px;height:18px}.cat-editor{flex-direction:column;gap:6px;display:flex}.cat-row{grid-template-columns:28px 1fr 36px 26px;align-items:center;gap:10px;padding:6px 2px;display:grid;position:relative}.cat-row__swatch{width:26px;height:26px;box-shadow:var(--shadow-note);cursor:pointer;transition:transform var(--t);border:1px solid #00000024;border-radius:1px;padding:0;transform:rotate(-3deg)}.cat-row__swatch:hover{transform:rotate(2deg)scale(1.06)}.cat-row__input{border:none;border-bottom:1px dotted var(--paper-border);font-family:var(--font-serif);color:var(--ink);transition:border-color var(--t);background:0 0;outline:none;padding:4px 2px;font-size:15px;font-weight:500}.cat-row__input:focus{border-bottom-color:var(--accent-edge);border-bottom-style:solid}.cat-row__count{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-ghost);text-align:right;font-size:10px;font-weight:600}.cat-row__del{width:22px;height:22px;color:var(--ink-soft);transition:background var(--t), color var(--t), opacity var(--t);border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.cat-row__del:not(:disabled):hover{color:#8e2818;background:#b8331b1a}.cat-row__del:disabled{opacity:.3;cursor:not-allowed}.cat-row__picker{z-index:2;background:var(--paper-surface);border-radius:var(--r);box-shadow:var(--shadow-note-hover);border:1px solid var(--paper-border);padding:10px 12px;position:absolute;top:calc(100% - 4px);left:0}.cat-row__add{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);border:1px dashed var(--paper-border-2);border-radius:var(--r);transition:color var(--t), border-color var(--t), background var(--t);align-self:flex-start;margin-top:8px;padding:6px 12px;font-size:10.5px;font-weight:600;display:inline-flex}.cat-row__add:hover{color:var(--ink);border-color:var(--ink);background:#0000000a}.note.note--leaving{animation:.38s cubic-bezier(.4,0,.6,1) forwards flutter-out}@keyframes flutter-out{0%{opacity:1;transform:rotate(var(--note-rot))}to{opacity:0;transform:translateX(32px) rotate(calc(var(--note-rot) + 10deg)) scale(.88)}}.note--dragging{opacity:.4;z-index:5;cursor:grabbing;box-shadow:none!important;animation:none!important}.board[data-dragging] .note:not(.note--dragging):hover,.board[data-dragging] .note:not(.note--dragging):focus-visible{box-shadow:var(--shadow-note)}.pineapple-pet{pointer-events:none;z-index:10;filter:drop-shadow(0 14px 18px #281c0a38);transform-origin:100% 100%;width:auto;height:420px;position:fixed;bottom:-44px;right:24px;transform:rotate(-3deg)}@media (width<=820px){.header{padding:16px 24px 12px}.board{column-gap:28px;padding:24px 28px 100px}.drawer{width:100%}.pineapple-pet{height:320px;bottom:-36px;right:12px}}@media (width<=600px){.logo-tape{padding:5px 16px 6px;font-size:18px}.new-note-btn{width:46px;height:46px;font-size:18px}.board{column-width:220px;column-gap:20px;padding:20px 18px 96px}.pineapple-pet{height:220px;bottom:-26px;right:6px}.note{margin-bottom:40px;padding:16px 16px 30px}.note__title{font-size:15px}.drawer{width:100vw;height:92svh;top:auto;transform:translateY(100%);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 800 800'><path fill='black' d='M0,10 C10,8 20,15 30,10 C40,6 50,14 60,9 C70,5 80,13 90,10 C105,7 115,14 125,9 C135,5 145,13 155,10 C170,7 180,15 190,10 C200,5 210,12 220,8 C230,5 240,13 250,10 C265,7 275,15 285,10 C300,7 310,13 320,8 C335,5 345,13 355,10 C365,7 375,15 385,10 C400,7 410,13 420,8 C435,5 445,13 455,10 C470,7 480,15 490,10 C500,5 510,12 520,8 C535,5 545,13 555,10 C570,7 580,15 590,10 C605,7 615,13 625,8 C640,5 650,13 660,10 C675,7 685,15 695,10 C710,7 720,13 730,8 C745,5 755,13 765,10 C780,7 790,15 800,10 L800,800 L0,800 Z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 800 800'><path fill='black' d='M0,10 C10,8 20,15 30,10 C40,6 50,14 60,9 C70,5 80,13 90,10 C105,7 115,14 125,9 C135,5 145,13 155,10 C170,7 180,15 190,10 C200,5 210,12 220,8 C230,5 240,13 250,10 C265,7 275,15 285,10 C300,7 310,13 320,8 C335,5 345,13 355,10 C365,7 375,15 385,10 C400,7 410,13 420,8 C435,5 445,13 455,10 C470,7 480,15 490,10 C500,5 510,12 520,8 C535,5 545,13 555,10 C570,7 580,15 590,10 C605,7 615,13 625,8 C640,5 650,13 660,10 C675,7 685,15 695,10 C710,7 720,13 730,8 C745,5 755,13 765,10 C780,7 790,15 800,10 L800,800 L0,800 Z'/></svg>");-webkit-mask-size:100% 100%;mask-size:100% 100%}.drawer--open{transform:translateY(0)}.drawer__header{padding-top:24px}.row-2{grid-template-columns:1fr}}