@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#252925;background:#f4f1e9;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#fffdf7 0,#f4f1e9 63%)}button{font:inherit}.app-shell{max-width:1440px;margin:0 auto;padding:0 64px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e4da}.brand{display:flex;gap:10px;align-items:center;color:#292e29;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.7px}.brand-mark{font-size:24px;color:#f2a94b}.brand-light{font-weight:400;color:#74786f}.topbar-right{display:flex;align-items:center;gap:25px}.save-state{font-size:12px;color:#777e75;display:flex;align-items:center;gap:8px}.save-state i{width:7px;height:7px;border-radius:50%;background:#83a87c;box-shadow:0 0 0 3px #83a87c20}.add-button{height:42px;padding:0 17px;border:0;border-radius:8px;background:#303d32;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 3px 8px #26382b24;transition:transform .15s,background .15s}.add-button:hover{background:#435b46;transform:translateY(-1px)}.add-button span{font-size:20px;font-weight:400;line-height:1}.add-button b{font-size:13px;font-weight:600}.board-heading{height:167px;display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 9px;font-size:10px;font-weight:700;letter-spacing:2px;color:#b58448}.board-heading h1{margin:0;font-size:29px;font-weight:600;letter-spacing:-1.1px}.board-heading h1 span{color:#84917f}.subtitle{margin:9px 0 0;color:#85877f;font-size:13px}.note-count{display:flex;align-items:baseline;gap:8px;color:#96978d}.note-count strong{font-size:27px;letter-spacing:-1px;color:#596253;font-weight:500}.note-count span{font-size:9px;letter-spacing:1.6px}.board-wrap{position:relative;min-height:calc(100vh - 329px);height:max(450px,calc(100vh - 329px));overflow:hidden;border:1px solid #e5e1d6;border-radius:12px;background:#f8f6f0;box-shadow:0 8px 32px #40392209,inset 0 1px #fff}.board-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.52;background-image:radial-gradient(#cfcabe .75px,transparent .75px);background-size:22px 22px}.board{position:absolute;top:0;right:0;bottom:0;left:0}.empty-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;color:#8b8c82;transition:opacity .2s}.empty-state.hidden{opacity:0}.empty-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eeeadf;color:#b89a6d;font-size:22px}.empty-state p{margin:15px 0 5px;color:#666d62;font-size:14px;font-weight:600}.empty-state span{font-size:11px}.footer{height:62px;display:flex;justify-content:center;align-items:center;gap:12px;color:#929188;font-size:10px}.footer-dot{font-size:12px;color:#c3a575}.note{--note-color:#f8e7a7;--note-ink:#4d4633;position:absolute;width:190px;height:190px;padding:17px 16px 14px;background:var(--note-color);color:var(--note-ink);border-radius:3px 3px 7px;box-shadow:0 5px 13px #554a281b,0 1px 2px #554a2812;display:flex;flex-direction:column;transform:rotate(var(--tilt,0deg));transition:box-shadow .18s;touch-action:none}.note:after{content:"";position:absolute;bottom:0;right:0;width:18px;height:18px;background:linear-gradient(135deg,transparent 49%,#00000012 50%,#ffffff73 52%);border-radius:0 0 6px;pointer-events:none}.note:hover{box-shadow:0 10px 22px #554a2827,0 2px 4px #554a2812;z-index:4}.note.dragging{z-index:10;box-shadow:0 16px 30px #554a2838;transition:none;cursor:grabbing}.note-head{height:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.note-date{font-size:9px;font-weight:600;letter-spacing:.8px;opacity:.52}.note-actions{display:flex;gap:4px;opacity:.6;transition:opacity .15s}.note:hover .note-actions,.note:focus-within .note-actions{opacity:1}.note-action{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;font-size:15px}.note-action:hover{background:#0000000d}.note-action.delete:hover{background:#c4503819;color:#a53725}.note textarea{width:100%;height:calc(100% - 32px);resize:none;border:0;outline:0;background:transparent;color:inherit;font:400 13px/1.75 Noto Sans JP,sans-serif;overflow:auto}.note textarea::placeholder{color:inherit;opacity:.44}.note-colors{display:flex;gap:6px;padding:0 4px 3px}.color-dot{width:15px;height:15px;padding:0;border:2px solid #00000012;border-radius:50%;cursor:pointer}.color-dot.active{outline:1px solid #0000006a;outline-offset:1px}.note-hint{font-size:8px;opacity:.4;margin:2px 0 0 3px;letter-spacing:.2px}.note[data-color=mint]{--note-color:#dcebd7;--note-ink:#40503e}.note[data-color=blue]{--note-color:#dce8f5;--note-ink:#3e4c60}.note[data-color=rose]{--note-color:#f3ddda;--note-ink:#61413e}.note[data-color=cream]{--note-color:#f8e7a7;--note-ink:#4d4633}@media(max-width:900px){.app-shell{padding:0 32px}.board-heading{height:150px}.board-wrap{height:max(440px,calc(100vh - 312px));min-height:440px}.note{width:176px;height:176px}}@media(max-width:600px){body{background:#f5f2eb}.app-shell{padding:0 18px}.topbar{height:68px}.brand{font-size:16px;gap:7px}.brand-mark{font-size:21px}.topbar-right{gap:0}.save-state{display:none}.add-button{height:46px;padding:0 14px;border-radius:9px}.add-button b{font-size:13px}.board-heading{height:139px;align-items:center}.eyebrow{font-size:9px;margin-bottom:7px;letter-spacing:1.6px}.board-heading h1{font-size:21px;letter-spacing:-.7px}.subtitle{font-size:11px;margin-top:7px}.note-count{gap:5px}.note-count strong{font-size:21px}.note-count span{font-size:8px}.board-wrap{height:calc(100dvh - 280px);min-height:390px;border-radius:10px}.board-grid{background-size:20px 20px}.note{width:156px;height:172px;padding:14px 12px 11px}.note-head{margin-bottom:4px}.note-date{font-size:8px}.note textarea{font-size:12px;line-height:1.7;height:calc(100% - 39px)}.note-action{width:32px;height:32px}.note-actions{opacity:.85}.note-hint{display:none}.color-dot{width:17px;height:17px}.note-colors{gap:8px}.empty-state{width:100%;padding:0 14px}.empty-state span{font-size:10px}.footer{height:52px;font-size:9px;gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.board-wrap{border-color:#9a6942;background-color:#a96f43;background-image:radial-gradient(ellipse at 12% 18%,#e0ad7040 0 1px,transparent 2px),radial-gradient(ellipse at 75% 35%,#633d2829 0 1px,transparent 2px),radial-gradient(ellipse at 38% 79%,#efc58a38 0 1px,transparent 2px),radial-gradient(ellipse at 88% 87%,#633d2824 0 1px,transparent 2px),repeating-linear-gradient(7deg,#ffffff08 0 1px,transparent 1px 5px),linear-gradient(135deg,#bd8756,#9f633c 48%,#b47a4d);box-shadow:inset 0 0 55px #57351c42,0 8px 32px #40392212}.board-grid{opacity:.22;background-image:radial-gradient(#f3d4a5 .65px,transparent .8px);background-size:20px 20px}.empty-state{color:#f3e4d0;text-shadow:0 1px 2px #53371f66}.empty-icon{background:#f1dfc530;color:#f8e8ca}.empty-state p{color:#fff4e2}.empty-state span{color:#f5e7d4}.note{background-image:linear-gradient(155deg,#ffffff32 0%,transparent 36%,#60451a0a 100%),repeating-linear-gradient(0deg,transparent 0 27px,#705f3b0b 28px,#ffffff16 29px),linear-gradient(135deg,#fff8d4,var(--note-color) 58%,#ead58f);border:1px solid #8b6a301c;border-radius:1px 2px 5px;box-shadow:1px 3px 5px #38281529,3px 8px 14px #3828152b,inset 0 1px #ffffffa3,inset 0 -1px #77602a12}.note:before{content:"";position:absolute;z-index:1;top:-7px;left:50%;width:48px;height:17px;transform:translate(-50%) rotate(-2deg);background:linear-gradient(180deg,#fffdf0c9,#e9dfc27a);border-left:1px solid #ffffff6b;border-right:1px solid #8c79502b;box-shadow:0 1px 2px #34261b1a;opacity:.82;pointer-events:none}.note:after{width:22px;height:22px;background:linear-gradient(135deg,transparent 46%,#00000019 48%,#ffffff63 53%);border-radius:0 0 5px}.note textarea{background:linear-gradient(transparent 27px,#806c4510 28px);background-size:100% 28px}.note[data-color=mint]{background-image:linear-gradient(155deg,#ffffff42 0%,transparent 38%,#31452a0a 100%),repeating-linear-gradient(0deg,transparent 0 27px,#53694b0b 28px,#ffffff16 29px),linear-gradient(135deg,#f0f8ed,#dcebd7 58%,#c9dcc2)}.note[data-color=blue]{background-image:linear-gradient(155deg,#ffffff42 0%,transparent 38%,#31445c0a 100%),repeating-linear-gradient(0deg,transparent 0 27px,#53647a0b 28px,#ffffff16 29px),linear-gradient(135deg,#f2f7fd,#dce8f5 58%,#c7d8e9)}.note[data-color=rose]{background-image:linear-gradient(155deg,#ffffff42 0%,transparent 38%,#5a302a0a 100%),repeating-linear-gradient(0deg,transparent 0 27px,#76514c0b 28px,#ffffff16 29px),linear-gradient(135deg,#fff1ef,#f3ddda 58%,#e8c9c5)}.note[data-color=cream]{background-image:linear-gradient(155deg,#ffffff32 0%,transparent 36%,#60451a0a 100%),repeating-linear-gradient(0deg,transparent 0 27px,#705f3b0b 28px,#ffffff16 29px),linear-gradient(135deg,#fff8d4,#f8e7a7 58%,#ead58f)}.clear-button{margin-right:14px;padding:7px 10px;border:1px solid #ffffff65;border-radius:7px;background:#553b2d72;color:#fff3e1;font-size:10px;cursor:pointer;transition:background .15s,transform .15s}.clear-button:hover{background:#6c4734;transform:translateY(-1px)}.note-count{position:relative}.note-actions{opacity:.85}.note-action.duplicate{font-size:14px}@media(max-width:600px){.clear-button{margin-right:7px;padding:7px 8px;font-size:9px}.note-actions{gap:1px}.note-action.duplicate{font-size:15px}}.board-tools{min-height:74px;margin:-8px 0 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-control{display:flex;align-items:center;gap:7px}.control-label{font-size:10px;color:#7a796f}.project-select{max-width:170px;height:36px;padding:0 28px 0 10px;border:1px solid #ded9ce;border-radius:8px;background:#fffdf8;color:#3b4038;font:500 12px inherit}.project-actions{display:flex;gap:4px}.small-control{width:30px;height:30px;border:1px solid #ded9ce;border-radius:7px;background:#fffdf8;color:#77776d;font-size:14px;cursor:pointer}.small-control:hover,.align-button:hover{background:#ede8dc}.small-control:disabled{opacity:.35;cursor:not-allowed}.search-input{height:36px;min-width:145px;flex:1;padding:0 12px;border:1px solid #ded9ce;border-radius:8px;background:#fffdf8;color:#353b33;font:12px inherit;outline:none}.search-input:focus,.project-select:focus{border-color:#9eaa94;box-shadow:0 0 0 3px #82947920}.status-tabs{display:flex;padding:3px;border:1px solid #e0dbd0;border-radius:9px;background:#eeebe3;gap:2px}.status-tab{height:29px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#74766d;font-size:11px;cursor:pointer}.status-tab.active{background:#fffdf8;color:#344336;box-shadow:0 1px 3px #39332620}.align-button{height:36px;padding:0 12px;border:1px solid #ded9ce;border-radius:8px;background:#fffdf8;color:#555e51;font-size:11px;cursor:pointer}.result-count{min-width:66px;text-align:right;color:#77786f;font-size:11px;white-space:nowrap}.done-zone{position:absolute;z-index:30;left:14px;right:14px;bottom:12px;height:50px;border:1px dashed #f2dfc19c;border-radius:9px;background:#66412859;color:#fff2df;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.04em;pointer-events:none;transition:background .15s,border-color .15s}.board{bottom:70px}.note.completed{filter:saturate(.56);box-shadow:1px 3px 5px #38281519,2px 6px 12px #3828151a,inset 0 1px #ffffffa3}.note.completed textarea{text-decoration:line-through;text-decoration-color:#4a604455;opacity:.72}.note.completed .complete-toggle{background:#526e4c;color:#fff;opacity:1}.note .complete-toggle{font-size:15px;font-weight:700}.note.completed .note-date:after{content:"  ✓";color:#476e42;font-size:12px}.clear-button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:900px){.board-tools{gap:8px}.project-select{max-width:145px}.search-input{min-width:120px}.status-tab{padding:0 8px}.board-wrap{height:max(440px,calc(100vh - 405px))}}@media(max-width:600px){.board-tools{margin:-3px 0 10px;min-height:102px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.project-control{grid-column:1 / -1;gap:6px}.control-label{font-size:9px}.project-select{height:32px;max-width:none;flex:1;min-width:0}.small-control{width:32px;height:32px}.search-input{grid-column:1 / -1;width:100%;height:34px}.status-tabs{grid-column:1;grid-row:3;width:max-content}.status-tab{height:27px;padding:0 8px;font-size:10px}.align-button{grid-column:2;grid-row:3;height:33px}.result-count{grid-column:2;grid-row:1;min-width:55px;font-size:10px}.board-wrap{height:calc(100dvh - 395px);min-height:360px}.done-zone{left:9px;right:9px;bottom:9px;height:44px;font-size:11px}.board{bottom:62px}.clear-button{margin-right:5px;padding:6px;font-size:8px}}@media(max-width:370px){.status-tab{padding:0 6px}.align-button{padding:0 8px}.project-actions{gap:2px}.small-control{width:29px}}:root[data-theme=dark]{color-scheme:dark;color:#e8e5dc;background:#20231f}:root[data-theme=dark] body{background:radial-gradient(ellipse at 50% -20%,#343832 0,#20231f 66%);color:#e8e5dc}:root[data-theme=dark] .topbar{border-bottom-color:#41443d}:root[data-theme=dark] .brand{color:#f1eee5}:root[data-theme=dark] .brand-light{color:#a6aa9e}:root[data-theme=dark] .save-state{color:#afb3a8}:root[data-theme=dark] .board-heading h1{color:#f0eee5}:root[data-theme=dark] .board-heading h1 span{color:#a5b09b}:root[data-theme=dark] .subtitle,:root[data-theme=dark] .footer{color:#a4a69c}:root[data-theme=dark] .note-count{color:#a6aa9e}:root[data-theme=dark] .note-count strong{color:#d7ddcc}:root[data-theme=dark] .board-wrap{border-color:#594431;background-color:#493526;background-image:radial-gradient(ellipse at 12% 18%,#b47d4933 0 1px,transparent 2px),radial-gradient(ellipse at 75% 35%,#170f0b55 0 1px,transparent 2px),radial-gradient(ellipse at 38% 79%,#d1a16c22 0 1px,transparent 2px),radial-gradient(ellipse at 88% 87%,#170f0b44 0 1px,transparent 2px),repeating-linear-gradient(7deg,#ffffff06 0 1px,transparent 1px 5px),linear-gradient(135deg,#68492f,#493323 48%,#5c3e29);box-shadow:inset 0 0 55px #100c094d,0 8px 32px #00000035}:root[data-theme=dark] .board-grid{background-image:radial-gradient(#e5c9a12a .65px,transparent .8px);opacity:.32}:root[data-theme=dark] .empty-state{color:#e5d4bf}:root[data-theme=dark] .empty-state p{color:#fff1dc}:root[data-theme=dark] .empty-state span{color:#d9c8b4}:root[data-theme=dark] .empty-icon{background:#eee0ca20;color:#e2c08e}:root[data-theme=dark] .control-label{color:#b6b8ae}:root[data-theme=dark] .project-select,:root[data-theme=dark] .search-input,:root[data-theme=dark] .small-control,:root[data-theme=dark] .align-button{border-color:#4c5048;background:#2c302b;color:#e0e2d9}:root[data-theme=dark] .search-input::placeholder{color:#a1a49a}:root[data-theme=dark] .status-tabs{border-color:#484b44;background:#292c28}:root[data-theme=dark] .status-tab{color:#b5b8ae}:root[data-theme=dark] .status-tab.active{background:#454a42;color:#fff;box-shadow:0 1px 3px #0006}:root[data-theme=dark] .small-control:hover,:root[data-theme=dark] .align-button:hover{background:#3a4038}:root[data-theme=dark] .result-count{color:#b5b8ae}:root[data-theme=dark] .clear-button{border-color:#ffffff35;background:#231a16a6;color:#f4e5d2}:root[data-theme=dark] .done-zone{border-color:#e8ca9a88;background:#1b15118a;color:#f5e6d1}.theme-toggle{width:38px;height:38px;border:1px solid #ded9ce;border-radius:9px;background:#fffdf8;color:#7b603b;font-size:19px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform .15s,background .15s}.theme-toggle:hover{transform:translateY(-1px);background:#f2eee5}:root[data-theme=dark] .theme-toggle{border-color:#4c5048;background:#2c302b;color:#f2ce83}:root[data-theme=dark] .theme-toggle:hover{background:#3a4038}@media(max-width:600px){.theme-toggle{width:38px;height:38px;margin-right:7px}}