@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Klee+One:wght@400;600&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#292a25;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{max-width:1440px;min-height:100vh;margin:auto;padding:0 72px;display:flex;flex-direction:column}.topbar{height:78px;border-bottom:1px solid #e9e7e0;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#34352e;font-size:18px;font-weight:700;letter-spacing:-.7px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:#d6e46c;border-radius:9px;color:#393e20;font-size:16px;letter-spacing:-1px}.topbar-right{display:flex;align-items:center;gap:28px}.save-status{color:#86877e;font-size:12px}.save-status i,.meta-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a9bd53;margin-right:7px}.add-button{height:42px;padding:0 17px;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:#33372c;color:#fff;font:600 13px inherit;cursor:pointer;transition:background .18s,transform .18s}.add-button:hover{background:#4a4e3f;transform:translateY(-1px)}.add-button span:first-child{font-size:19px;font-weight:400;line-height:1}main{flex:1}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:51px 0 28px}.eyebrow{margin:0 0 14px;color:#929286;font:11px DM Mono,monospace;letter-spacing:1.3px}.intro h1{margin:0;font-size:35px;line-height:1.4;letter-spacing:-1.2px;font-weight:600}.intro h1 span{color:#9ba84e}.subtitle{margin:8px 0 0;color:#85857b;font-size:14px}.board-meta{padding-bottom:4px;color:#77786f;font-size:12px}.meta-dot{width:6px;height:6px}.board-wrap{border:1px solid #e9e7df;border-radius:12px;background:#fbfaf7;overflow:hidden}.board{position:relative;min-height:560px;background-image:radial-gradient(#dfddd5 .85px,transparent .85px);background-size:19px 19px;background-position:9px 9px}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.empty-state[hidden]{display:none}.empty-illustration{position:relative;width:110px;height:102px;margin-bottom:17px}.empty-paper{position:absolute;left:22px;top:17px;width:69px;height:75px;background:#f4e998;border-radius:4px;transform:rotate(-7deg);box-shadow:0 5px 12px #504a2020;padding:17px 12px}.empty-paper span{display:block;font:10px DM Mono,monospace;color:#88804b;margin-bottom:10px}.empty-paper i{display:block;width:39px;height:2px;background:#b9ae6e;margin-top:6px;opacity:.55}.empty-paper i:last-child{width:27px}.empty-sparkle{position:absolute;z-index:1;right:6px;top:3px;color:#b4c45c;font-size:26px}.empty-state h2{font-size:16px;margin:0 0 8px;font-weight:600}.empty-state p{font-size:12px;line-height:1.8;color:#8d8c82;margin:0 0 17px}.empty-add{height:38px;padding:0 14px;border:1px solid #deddd4;border-radius:7px;background:#fff;color:#55574b;font:500 12px inherit;cursor:pointer}.empty-add:hover{background:#f6f5ed}.empty-add span{font-size:16px;margin-right:5px}.note{position:absolute;width:240px;height:218px;padding:13px 15px 11px;border-radius:3px 3px 8px;box-shadow:0 4px 11px #35311c17,0 1px 2px #35311c0c;display:flex;flex-direction:column;transition:box-shadow .15s;transform:rotate(-.4deg)}.note:nth-of-type(3n){transform:rotate(.55deg)}.note.yellow{background:#f5e99d}.note.pink{background:#f6d8d3}.note.blue{background:#d7e7e8}.note.green{background:#e0e9bd}.note.dragging{z-index:20;box-shadow:0 13px 28px #35311c2a;transform:rotate(0) scale(1.02);transition:none}.note-top,.note-footer{display:flex;align-items:center;justify-content:space-between}.grip{width:32px;height:30px;display:grid;place-items:center;cursor:grab;touch-action:none;color:#756f4d;font-size:20px;border-radius:5px}.grip:active{cursor:grabbing}.grip:hover{background:#0000000a}.delete-note{width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:#82795e;font-size:22px;line-height:1;cursor:pointer}.delete-note:hover{background:#0000000b;color:#4d4534}.note textarea{resize:none;flex:1;min-height:0;width:100%;border:0;outline:0;background:transparent;color:#3f3b2d;padding:10px 1px 7px;font:14px/1.75 Noto Sans JP,sans-serif}.note textarea::placeholder{color:#8f855b;opacity:.8}.note-footer{color:#877d57;font:9px DM Mono,monospace;letter-spacing:.5px}.note-lines{font-size:13px}footer{height:66px;display:flex;align-items:center;justify-content:space-between;color:#99988e;font-size:11px}.footer-key{font:9px DM Mono,monospace;letter-spacing:1px}.footer-key b{font-size:14px;color:#a8b653;margin-left:5px}@media(max-width:900px){.app-shell{padding:0 34px}.intro{padding-top:43px}.board{min-height:580px}.note{width:220px;height:205px}.note textarea{font-size:13px}}@media(max-width:600px){.app-shell{padding:0 18px}.topbar{height:66px}.brand{font-size:17px}.brand-mark{width:29px;height:29px}.topbar-right{gap:13px}.save-status{font-size:10px}.save-status i{margin-right:4px}.add-button{width:42px;height:42px;justify-content:center;padding:0}.add-button span:last-child{display:none}.add-button span:first-child{font-size:22px}.intro{padding:35px 0 21px;align-items:flex-start;flex-direction:column;gap:17px}.eyebrow{font-size:9px;margin-bottom:10px}.intro h1{font-size:27px;letter-spacing:-.7px}.subtitle{font-size:12px;margin-top:6px}.board-meta{font-size:11px}.board-wrap{border-radius:9px}.board{min-height:calc(100dvh - 310px);padding:0}.note{width:calc(100% - 32px);max-width:340px;height:216px}.empty-state{min-height:370px}.empty-state h2{font-size:15px}footer{height:56px;font-size:10px}.footer-key{font-size:8px;letter-spacing:.5px}}@media(min-width:601px)and (max-width:900px){.board{min-height:650px}}.note-actions{display:flex;align-items:center;gap:3px}.color-picker-label{position:relative;display:block}.color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:67px;height:29px;padding:0 23px 0 10px;border:1px solid #544a2a28;border-radius:999px;background-color:#ffffff58;color:#625b42;font:500 10px Noto Sans JP,sans-serif;cursor:pointer;outline:none}.color-picker-label:after{content:"⌄";position:absolute;right:9px;top:4px;color:#756f4d;font-size:12px;pointer-events:none}.color-picker:hover,.color-picker:focus-visible{background-color:#ffffffa0;border-color:#544a2a60}.color-picker option{background:#fff;color:#333}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.note{box-shadow:2px 5px 10px #332c1b24,0 1px 2px #332c1b16;transform:rotate(-1.1deg)}.note:nth-of-type(3n){transform:rotate(1.2deg)}.note:nth-of-type(3n+1){transform:rotate(-.7deg)}.note.dragging{box-shadow:3px 12px 22px #332c1b35;transform:rotate(0) scale(1.025)}.note textarea{font-family:Klee One,Yuji Syuku,Noto Sans JP,cursive;font-size:15px;line-height:1.85}.note textarea::placeholder{font-family:Klee One,Yuji Syuku,Noto Sans JP,cursive}.board-wrap{padding:12px;border:0;border-radius:13px;background:linear-gradient(135deg,#deb879,#b97c43 16%,#e0b577 27%,#9c6337 48%,#d6a469 67%,#a56d3e 84%,#d5a46a);box-shadow:inset 0 0 0 1px #7b4e2c,0 5px 13px #42301d25}.board{border-radius:4px;min-height:560px;background-color:#244b3d;background-image:radial-gradient(ellipse at 20% 24%,#ffffff08 0,transparent 44%),radial-gradient(ellipse at 78% 70%,#091c1640 0,transparent 55%),repeating-linear-gradient(4deg,transparent 0 11px,#ffffff05 12px,#00000006 13px,transparent 15px),radial-gradient(#d4dfd014 .8px,transparent .9px);background-size:auto,auto,auto,17px 17px;background-position:center}.empty-state h2,.empty-state p{color:#e7e8d5}.empty-state p{opacity:.78}.empty-add{border-color:#ffffff45;background:#ffffff12;color:#f0f0df}.empty-add:hover{background:#ffffff25}.empty-illustration{filter:drop-shadow(0 3px 2px #10281b55)}@media(max-width:600px){.board-wrap{padding:8px;border-radius:11px}}.board-wrap{position:relative;isolation:isolate;background-color:#bd8550;background-image:repeating-linear-gradient(2deg,transparent 0 7px,#77451f25 8px,#f3cd8b38 9px,transparent 11px),repeating-linear-gradient(91deg,#fff0 0 31px,#75451e18 32px,#f6d39a25 34px,transparent 38px),linear-gradient(135deg,#e0b77b,#a66c3c 20%,#d5a36a 37%,#9a6034 55%,#d9ad76 72%,#a46a3c 88%,#d6a76e);box-shadow:inset 0 0 0 1px #754721,inset 0 2px 4px #f6d6a044,0 5px 13px #42301d25}.board-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(ellipse at 30% 50%,transparent 0 13px,#70431d20 14px,#f8d49c27 15px,transparent 17px 33px);opacity:.7}.intro-tools{display:flex;align-items:center;gap:18px;padding-bottom:2px}.search-box{height:38px;width:220px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #ffffff3d;border-radius:7px;background:#102b2248;color:#e7e8d5}.search-box:focus-within{border-color:#fff8;background:#102b2270}.search-icon{font-size:21px;line-height:1;transform:rotate(-20deg);opacity:.8}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#f3f2e8;font:12px Noto Sans JP,sans-serif}.search-box input::placeholder{color:#d9e0d580}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{width:25px;height:25px;border:0;border-radius:50%;background:transparent;color:#e6e8d9;font-size:18px;cursor:pointer}.search-box button:hover{background:#ffffff20}.search-box button[hidden]{display:none}.board-meta{white-space:nowrap}.note[hidden]{display:none}@media(max-width:600px){.intro-tools{width:100%;justify-content:space-between;gap:10px}.search-box{width:min(70%,270px);height:40px}.search-box input{font-size:12px}.board-meta{font-size:10px}}.intro-tools{flex-wrap:wrap;justify-content:flex-end}.view-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #ffffff38;border-radius:8px;background:#102b2245}.view-switch button{height:29px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:#e3e7d9;font:500 11px Noto Sans JP,sans-serif;cursor:pointer;white-space:nowrap}.view-switch button:hover{background:#ffffff18}.view-switch button.selected{background:#f2f0df;color:#334638;box-shadow:0 1px 3px #0b201b42}.toggle-done{width:29px;height:29px;display:grid;place-items:center;border:1px solid #544a2a45;border-radius:50%;background:#ffffff42;color:#696140;font-size:15px;cursor:pointer}.toggle-done:hover{background:#ffffffa0}.note.done{opacity:.78}.note.done textarea{text-decoration:line-through;text-decoration-color:#655d4380}.note.done .toggle-done{background:#64794c;color:#fff;border-color:#64794c}.completed-wrap{margin:18px 0 4px;padding:15px 17px;border:1px solid #ded8c2;border-radius:10px;background:linear-gradient(135deg,#f0eee2,#e8e7d9);box-shadow:0 2px 5px #30301a0a}.completed-heading{display:flex;align-items:center;gap:10px}.completed-check{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#6c8053;color:#fff;font-weight:700}.completed-heading h2{margin:0;color:#42483c;font-size:13px;font-weight:600}.completed-heading p{margin:3px 0 0;color:#898a7c;font-size:10px}.completed-count{margin-left:auto;min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:99px;background:#dfe4cf;color:#5d7049;font:11px DM Mono,monospace}.completed-drop{min-height:42px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #abb294;border-radius:7px;color:#838976;font-size:11px;transition:background .15s,border-color .15s}.completed-drop>span:first-child{font-size:14px}.completed-drop[hidden]{display:none}.is-dragging .completed-drop{border-color:#69804e;background:#e0e8d3;color:#586d40}.completed-notes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.done-card{min-height:34px;max-width:100%;padding:6px 7px 6px 11px;display:flex;align-items:center;gap:10px;border-radius:5px;color:#554f3e;font:12px Klee One,Yuji Syuku,Noto Sans JP,cursive;box-shadow:1px 3px 5px #342d1b20}.done-card.yellow{background:#f5e99d}.done-card.pink{background:#f6d8d3}.done-card.blue{background:#d7e7e8}.done-card.green{background:#e0e9bd}.done-card>span{overflow-wrap:anywhere;text-decoration:line-through;text-decoration-color:#655d4377}.done-card button{flex:none;width:26px;height:26px;border:0;border-radius:5px;background:#ffffff70;color:#625b42;font-size:17px;cursor:pointer}.done-card button:hover{background:#fff}.completed-wrap.has-completed .completed-drop{min-height:30px;border-style:dashed}.completed-wrap.has-completed .completed-drop>span:last-child{font-size:10px}@media(max-width:900px){.intro-tools{gap:9px}.view-switch button{padding:0 8px}.search-box{width:200px}}@media(max-width:600px){.intro-tools{justify-content:flex-start;gap:8px}.view-switch{order:0}.view-switch button{height:32px;padding:0 9px;font-size:10px}.search-box{order:1;flex:1;width:auto;min-width:135px}.board-meta{order:2;margin-left:auto}.completed-wrap{margin-top:13px;padding:13px}.completed-drop{min-height:48px}.completed-heading p{font-size:9px}}.completed-wrap{display:block;min-height:88px}.completed-wrap.empty-filter .completed-drop{display:flex}.completed-notes{display:flex;min-height:0}.completed-notes:empty{display:none}.completed-wrap.has-completed .completed-notes:not(:empty){padding:2px 0 4px}.completed-wrap.has-completed .completed-drop:not([hidden]){display:flex}.completed-wrap:not(.has-completed) .completed-drop{display:flex}.completed-wrap.empty-filter .completed-heading p{color:#747a69}.completed-drop:not([hidden]){display:flex!important}.completed-drop[hidden]{display:none!important}.completed-notes:not(:empty){display:flex!important}.completed-wrap{position:relative;z-index:1;overflow:visible}.done-card{display:flex!important;visibility:visible!important;opacity:1!important;color:#554f3e!important}.view-switch button{min-width:48px}.arrange-button{height:38px;padding:0 12px;display:flex;align-items:center;gap:6px;border:1px solid #ffffff52;border-radius:7px;background:#f2f0df;color:#384539;font:600 11px Noto Sans JP,sans-serif;white-space:nowrap;cursor:pointer;transition:background .15s,transform .15s}.arrange-button:hover{background:#fff;transform:translateY(-1px)}.arrange-button span{font-size:15px;line-height:1}@media(max-width:900px){.arrange-button{height:36px;padding:0 10px}}@media(max-width:600px){.arrange-button{order:3;height:40px;padding:0 12px;font-size:11px}.board-meta{order:2;margin-left:auto}}.completed-wrap.drop-target{outline:3px solid #77915a;background:linear-gradient(135deg,#e2e9d4,#d8e2c7);box-shadow:0 5px 18px #4a633633}.completed-wrap.drop-target .completed-heading h2{color:#405c32}.completed-wrap.drop-target .completed-drop{border-color:#668448;background:#d6e3c5;color:#4c6837}