@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Klee+One:wght@400;600&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#2f2a25;background:#fffaf0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 4%,#fff 0 7%,transparent 24%),#fffaf0}button,textarea{font:inherit}.app-shell{width:min(1440px,calc(100% - 64px));margin:0 auto;padding:38px 0 52px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{color:#91816f;font:12px/1 DM Mono,monospace;letter-spacing:.08em;margin:0 0 8px}h1{font:700 clamp(34px,4vw,53px)/1 "Fraunces",serif;letter-spacing:-.045em;margin:0}.add-button{min-height:49px;border:0;border-radius:12px;padding:0 19px;color:#fffdf8;background:#3f6a53;box-shadow:0 5px #274431;cursor:pointer;font-weight:700;transition:transform .15s,box-shadow .15s}.add-button span{font-size:20px;vertical-align:-1px}.add-button:hover{transform:translateY(-2px);box-shadow:0 7px #274431}.add-button:active{transform:translateY(3px);box-shadow:0 2px #274431}.add-controls{display:flex;align-items:center;gap:12px}.arrange-button{min-height:49px;border:1px solid #d7c8b4;border-radius:12px;padding:0 15px;color:#5d5041;background:#fffdf8;cursor:pointer;font-weight:700;transition:border-color .15s,transform .15s}.arrange-button:hover{border-color:#3f6a53;color:#3f6a53;transform:translateY(-1px)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:49px;border:1px solid #d7c8b4;border-radius:12px;padding:0 14px;color:#5d5041;background:#fffdf8;cursor:pointer;font-weight:700}.theme-toggle span:first-child{font-size:20px;line-height:1}.theme-toggle:hover{border-color:#3f6a53;color:#3f6a53}.project-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;border:1px solid #e6d9c7;border-radius:13px;background:#fffdf8}.project-bar>label{color:#706657;font-size:13px;font-weight:700;white-space:nowrap}.project-bar select{min-width:180px;max-width:360px;flex:1;min-height:36px;padding:0 31px 0 10px;border:1px solid #d9cdbd;border-radius:8px;color:#3c362e;background:#fff;font:14px Noto Sans JP,sans-serif}.project-actions{display:flex;gap:6px}.project-actions button{min-height:36px;border:1px solid #d9cdbd;border-radius:8px;padding:0 10px;color:#5c5043;background:#fffaf1;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap}.project-actions button:hover{border-color:#3f6a53;color:#3f6a53}.project-actions button:disabled{cursor:not-allowed;opacity:.45}.status-filter{display:inline-flex;gap:4px;margin-bottom:15px;padding:4px;border:1px solid #e6d9c7;border-radius:12px;background:#fffdf8}.status-filter button{min-height:35px;border:0;border-radius:8px;padding:0 15px;color:#786c5d;background:transparent;cursor:pointer;font-size:13px;font-weight:700}.status-filter button.is-active{color:#fff;background:#3f6a53}.search-bar{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding:10px 14px;border:1px solid #e6d9c7;border-radius:13px;background:#fffdf8}.search-label{color:#706657;font-size:13px;font-weight:700;white-space:nowrap}.search-field{display:flex;flex:1;align-items:center;gap:7px;min-width:0;color:#8d7d6a}.search-field span{font:25px/1 Georgia,serif;transform:rotate(-20deg)}.search-field input{width:100%;min-width:0;border:0;outline:0;color:#2f2a25;background:transparent;font-size:14px}.search-field input::placeholder{color:#aa9c8d}.search-count{min-width:68px;color:#3f6a53;font:13px/1 DM Mono,monospace;text-align:right;white-space:nowrap}.color-picker{display:flex;align-items:center;gap:6px}.new-note-picker{padding:8px 10px;border:1px solid #e2d4c2;border-radius:12px;background:#fffdf8}.color-button{width:22px;height:22px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #44311924}.color-button.is-selected{border-color:#3e372e;box-shadow:0 0 0 2px #fff,0 0 0 3px #3e372e}.color-yellow{background:#ffe77b}.color-pink{background:#ffbfa9}.color-blue{background:#afd8f4}.color-green{background:#bdebd0}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:18px}.board-wrap{border:1px solid #e6d9c7;border-radius:20px;padding:12px;background:#f4ead8;box-shadow:0 14px 36px #4b351c1a}.board{position:relative;overflow:hidden;min-height:650px;border-radius:11px;background-color:#fffdf7;background-image:radial-gradient(#d9cbb8 1px,transparent 1px);background-size:21px 21px}.empty-message{position:absolute;top:45%;width:100%;margin:0;padding:0 24px;color:#9b8c7b;text-align:center}.note{position:absolute;display:flex;flex-direction:column;width:250px;min-height:190px;padding:13px 16px 15px;background:#ffe77b;box-shadow:3px 4px #7053112e,7px 10px 16px #4f370d33;transform:rotate(-1.15deg);transition:box-shadow .16s,transform .16s}.note[hidden]{display:none!important}.note-pink{background:#ffbfa9;transform:rotate(1.1deg)}.note-blue{background:#afd8f4;transform:rotate(-.7deg)}.note-green{background:#bdebd0;transform:rotate(.9deg)}.note:focus-within{z-index:2;box-shadow:4px 6px #6f53122e,10px 14px 19px #5f470c3b}.note.is-dragging{z-index:5;cursor:grabbing;transform:rotate(1.2deg) scale(1.025);box-shadow:7px 12px 22px #3c2c0847}.note.is-completed{min-height:150px;opacity:.7;filter:saturate(.65);transform:rotate(.3deg);box-shadow:2px 3px #4e452f1f,4px 7px 11px #372e1c1f}.note.is-completed .note-content{color:#625c54;text-decoration:line-through;text-decoration-thickness:1.5px}.note-topbar{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:7px}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;color:#514939;cursor:grab;font-size:23px;line-height:1;touch-action:none}.delete-button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;color:#695846;background:#ffffff61;cursor:pointer;font-size:26px;line-height:1}.delete-button:hover{color:#fff;background:#9e493b}.complete-button{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border:1.5px solid #766b5b;border-radius:50%;color:transparent;background:#ffffff57;cursor:pointer;font-weight:700}.complete-button:hover,.complete-button.is-completed{border-color:#3f6a53;color:#fff;background:#3f6a53}.note-colors{gap:5px}.note-colors .color-button{width:17px;height:17px}.note-colors .color-button.is-selected{box-shadow:0 0 0 1px currentColor}.note-content{flex:1;width:100%;min-height:116px;resize:none;border:0;outline:none;color:#393229;background:transparent;font-family:Klee One,Hiragino Maru Gothic ProN,cursive;font-size:16px;font-weight:600;line-height:1.7;letter-spacing:.025em}.note-content::placeholder{color:#40392a85}:root[data-theme=dark]{color:#eee8dd;background:#1d211f}:root[data-theme=dark] body{background:radial-gradient(circle at 12% 4%,#343c37 0 7%,transparent 24%),#1d211f}:root[data-theme=dark] .eyebrow{color:#b9b3a8}:root[data-theme=dark] .new-note-picker,:root[data-theme=dark] .project-bar,:root[data-theme=dark] .search-bar,:root[data-theme=dark] .status-filter,:root[data-theme=dark] .arrange-button,:root[data-theme=dark] .theme-toggle{border-color:#4d564e;color:#e9e4da;background:#2a302d}:root[data-theme=dark] .project-bar>label,:root[data-theme=dark] .search-label{color:#d4cec2}:root[data-theme=dark] .project-bar select,:root[data-theme=dark] .project-actions button{border-color:#4d564e;color:#eee8dd;background:#343b36}:root[data-theme=dark] .project-actions button:hover,:root[data-theme=dark] .arrange-button:hover,:root[data-theme=dark] .theme-toggle:hover{border-color:#91bda0;color:#bdebd0}:root[data-theme=dark] .search-field input{color:#f5efe5}:root[data-theme=dark] .search-field input::placeholder{color:#9ca49c}:root[data-theme=dark] .board-wrap{border-color:#4a554c;background:#303832;box-shadow:0 14px 36px #00000052}:root[data-theme=dark] .board{background-color:#252b28;background-image:radial-gradient(#59635b 1px,transparent 1px)}:root[data-theme=dark] .empty-message{color:#b7b0a3}:root[data-theme=dark] .completion-zone{border-color:#668a70;background:#27372c}:root[data-theme=dark] .completion-zone.is-drop-target{border-color:#bdebd0;background:#385043}:root[data-theme=dark] .completion-heading,:root[data-theme=dark] .completion-heading>span:first-child{color:#e3f5e6}:root[data-theme=dark] .completion-heading>span:first-child{background:#52745b}:root[data-theme=dark] .completion-hint{color:#b2cfb8}:root[data-theme=dark] .note{box-shadow:3px 4px #0003,7px 10px 16px #00000047}:root[data-theme=dark] .note-content{color:#2d2a25}:root[data-theme=dark] .note.is-completed .note-content{color:#4e4a44}.completion-zone{min-height:142px;padding:17px;border:2px dashed #b9cbbd;border-radius:16px;background:#f2f8f1;transition:background .16s,border-color .16s,transform .16s}.completion-zone.is-drop-target{border-color:#3f6a53;background:#e1f1e2;transform:scale(1.01)}.completion-heading{display:flex;align-items:center;gap:9px;color:#3f6a53}.completion-heading>span:first-child{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:#3f6a53;font-weight:700}.completion-heading h2{margin:0;font-size:16px}.completion-heading>span:last-child{margin-left:auto;font:12px DM Mono,monospace}.completion-hint{margin:21px 0 5px;color:#78907b;font-size:13px;text-align:center}.completed-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:17px}.completed-list .note{position:relative;width:220px;min-height:150px;left:auto!important;top:auto!important}.completed-list .drag-handle{cursor:default}@media(max-width:767px){.app-shell{width:min(100% - 28px,560px);padding:23px 0 30px}.app-header{align-items:flex-end;gap:12px;margin-bottom:17px}.eyebrow{font-size:9px;margin-bottom:7px}h1{font-size:34px}.add-controls{flex-direction:column;align-items:flex-end;gap:8px}.new-note-picker{padding:7px 9px}.add-button,.arrange-button,.theme-toggle{min-height:52px;padding:0 13px;white-space:nowrap;font-size:13px}.project-bar{flex-wrap:wrap;gap:8px}.project-bar select{min-width:0;flex:1}.project-actions{width:100%}.project-actions button{flex:1;min-height:40px;padding:0 5px}.status-filter{display:flex;width:100%;margin-bottom:12px}.status-filter button{flex:1;min-height:42px;padding:0 8px}.search-bar{gap:8px;padding:10px}.search-label{display:none}.search-count{min-width:63px;font-size:12px}.board-layout{display:block}.board-wrap{padding:7px;border-radius:15px}.board{min-height:calc(100vh - 216px)}.note{width:min(250px,calc(100vw - 44px));min-height:200px;padding:14px 15px}.drag-handle,.delete-button{width:42px;height:42px}.complete-button{width:38px;height:38px}.note-colors .color-button{width:22px;height:22px}.note-content{min-height:122px;font-size:16px}.completion-zone{margin-top:14px;padding:13px}.completed-list .note{width:100%}}