@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Yomogi&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#303b35;background:#f5f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:3px solid #46715b;outline-offset:3px}.app{max-width:1600px;margin:auto;padding:0 56px}.header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd5}.brand{display:flex;gap:13px;align-items:center;font-size:25px;font-weight:600;letter-spacing:3px}.brand-mark{color:#53745d;font-size:38px}.brand-sub{display:block;font-size:8px;letter-spacing:2px;margin-top:2px}.save-state{font-size:12px;color:#778177}.save-state:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7c9b77;margin-right:8px}.intro{padding:48px 0 34px;display:flex;gap:24px;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#7b897c;margin:0 0 13px}h1{font-size:34px;letter-spacing:2px;font-weight:500;margin:0 0 12px}.description{font-size:13px;color:#7c827a;line-height:1.8;margin:0}.add-button{border:0;background:#355c48;color:#fff;padding:13px 24px;border-radius:8px;font-size:14px;min-height:48px;white-space:nowrap;box-shadow:0 4px 8px #355c4815}.add-button:hover{background:#274b38}.add-button span{font-size:22px;vertical-align:-1px;margin-right:7px}.board-shell{border:1px solid #dedfd5;border-radius:12px;overflow:hidden;background:#faf9f5}.board-toolbar{height:57px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e5dc;font-size:12px}.live-dot{display:inline-block;background:#66856a;width:7px;height:7px;border-radius:50%;margin-right:8px}.count{background:#e9ece3;border-radius:5px;padding:2px 7px;margin-left:8px;font-size:10px}.hint{color:#92988d;font-size:11px}.board{position:relative;min-height:560px;background-image:radial-gradient(#d9ddd1 1px,transparent 1px);background-size:22px 22px;overflow:hidden}.empty{position:absolute;top:150px;left:16px;right:16px;text-align:center;color:#92998b;pointer-events:none}.empty-icon{display:inline-grid;place-items:center;width:64px;height:64px;border:1px dashed #c3cbbb;border-radius:16px;font-size:30px;color:#8e9f89;transform:rotate(-7deg)}.empty h2{font-weight:500;font-size:17px;margin-top:25px}.empty p{font-size:12px;line-height:1.9}.note{position:absolute;width:240px;height:244px;border-radius:3px 3px 15px;box-shadow:2px 5px 9px #4a513017;display:flex;flex-direction:column;background:var(--note-color);border:1px solid #00000005}.note.dragging{box-shadow:3px 12px 22px #4a51302c;z-index:1000!important}.note-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 9px 0 15px;cursor:grab;touch-action:none;border-bottom:1px solid #00000006}.note-head:active{cursor:grabbing}.drag-label{font-size:11px;letter-spacing:1px;color:#00000045;-webkit-user-select:none;user-select:none}.delete{border:0;background:transparent;color:#00000060;width:44px;height:44px;font-size:20px;border-radius:6px}.delete:hover{background:#00000009;color:#783e36}.note textarea{resize:none;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:16px 18px;color:#434736;line-height:1.8;font-size:15px;outline-offset:-4px}.note textarea::placeholder{color:#00000045}.note-bottom{padding:7px 16px 13px;display:flex;gap:7px}.color-button{width:22px;height:22px;border:1px solid #00000012;border-radius:50%;background:var(--swatch);padding:0}.color-button[aria-pressed=true]{outline:1px solid #687260;outline-offset:2px}footer{display:flex;justify-content:space-between;gap:15px;color:#90978b;font-size:10px;padding:23px 0 30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1280px){.board{min-height:590px}}@media(max-width:900px){.app{padding:0 28px}.intro{padding-top:35px}h1{font-size:29px}.description{max-width:340px}.board{min-height:640px}}@media(max-width:540px){.app{padding:0 16px}.header{height:83px}.brand{font-size:21px}.brand-mark{font-size:31px}.save-state{font-size:10px;max-width:135px}.intro{display:block;padding:29px 0 24px}h1{font-size:27px;letter-spacing:1px}.eyebrow{font-size:8px;letter-spacing:1.5px}.description{font-size:12px}.add-button{margin-top:22px;width:100%;min-height:50px}.board-toolbar{padding:0 14px}.hint{font-size:10px}.board{min-height:650px}.note{width:240px}.color-button{width:30px;height:30px}.note-bottom{gap:12px}footer{flex-direction:column;gap:8px;font-size:10px}.empty{top:160px}.empty p{max-width:240px;margin:auto}}@media(max-width:540px){.color-button{width:44px;height:44px;flex-shrink:0}.note-bottom{gap:7px;padding:5px 16px 10px}}.note{transform:rotate(var(--note-angle, -1deg));transform-origin:center;background-image:linear-gradient(165deg,#ffffff20 0%,transparent 45%,#61512a08 100%);box-shadow:0 1px 2px #453b2520,2px 6px 10px #453b2526,5px 12px 18px -10px #453b2538;transition:box-shadow .16s ease}.note-head{background:#ffffff0d}.note.dragging{box-shadow:0 2px 4px #453b2520,5px 14px 24px #453b2533}@media(prefers-reduced-motion:reduce){.note{transition:none}}.add-controls{display:grid;grid-template-columns:140px auto;gap:8px 12px;align-items:center;flex-shrink:0}.new-color-label{grid-column:1/-1;font-size:11px;color:#778177}.new-note-color{font:inherit;font-size:14px;min-height:48px;width:100%;padding:10px 12px;border:1px solid #d3d9cd;border-radius:8px;background:#faf9f5;color:#303b35}.new-note-color:focus-visible{outline:3px solid #46715b;outline-offset:3px}@media(max-width:900px){.intro{flex-wrap:wrap}}@media(max-width:540px){.add-controls{margin-top:22px;grid-template-columns:120px minmax(0,1fr)}.add-controls .add-button{margin-top:0;padding:12px 14px}}.note textarea{font-family:Yomogi,Noto Sans JP,sans-serif;font-size:18px;line-height:1.8}@media(max-width:540px){.note textarea{font-size:19px}}.search-toolbar{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid #e4e5dc}.search-toolbar label{font-size:12px;white-space:nowrap}.search-toolbar input{font:inherit;min-width:0;flex:1;max-width:400px;min-height:44px;padding:10px 12px;border:1px solid #d3d9cd;border-radius:7px;background:#fff;color:#303b35;font-size:14px}.search-toolbar input:focus-visible{outline:3px solid #46715b;outline-offset:2px}.search-toolbar button{font:inherit;min-height:44px;padding:8px 14px;border:1px solid #d3d9cd;border-radius:7px;background:#f5f3ed;color:#355c48;font-size:12px}.no-results{margin:0;padding:18px 24px;font-size:13px;line-height:1.8;color:#778177;border-bottom:1px solid #e4e5dc}@media(max-width:540px){.search-toolbar{padding:12px 14px;gap:8px;flex-wrap:wrap}.search-toolbar label{width:100%}.search-toolbar input{font-size:16px}.no-results{padding:14px}}.status-filters{display:flex;gap:6px;padding:14px 24px;border-bottom:1px solid #e4e5dc}.status-filters button{font:inherit;font-size:13px;min-height:44px;padding:10px 24px;border:1px solid #d3d9cd;border-radius:7px;background:transparent;color:#355c48}.status-filters button[aria-pressed=true]{background:#355c48;color:#fff;border-color:#355c48}.completed-drop{position:sticky;top:0;z-index:1100;display:flex;flex-direction:column;gap:6px;margin:14px 24px;padding:16px 18px;min-height:78px;border:2px dashed #9bb299;border-radius:10px;background:#edf3e8;color:#456747}.completed-drop strong{font-size:14px;font-weight:600}.completed-drop span{font-size:11px}.completed-drop strong span{margin-left:10px;font-weight:400}.completed-drop.drop-active{border-color:#355c48;background:#d7e8ce;box-shadow:0 0 0 3px #355c4820}.board-shell{overflow:clip}.complete-button{font:inherit;font-size:11px;min-height:44px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#596044;cursor:pointer}.complete-button:hover{background:#ffffff40}.note.completed{border:2px solid #6c926b;background-image:linear-gradient(#fff5,#fff5);box-shadow:0 2px 5px #453b251a,2px 6px 10px #453b2520}.note.completed textarea{text-decoration:line-through;text-decoration-color:#54754c;color:#5c6b54}.note.completed .complete-button{color:#355c48;font-weight:700;background:#fff5}@media(max-width:540px){.status-filters{padding:12px 14px}.status-filters button{flex:1;padding:10px 8px}.completed-drop{margin:12px 14px;padding:14px 12px}.completed-drop span{line-height:1.7}.drag-label{letter-spacing:0}.note-head{padding-left:10px}}.project-toolbar{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #e4e5dc;background:#f0f2eb}.project-toolbar label{font-size:12px;white-space:nowrap}.project-toolbar select{font:inherit;font-size:14px;min-height:44px;min-width:0;width:280px;max-width:100%;padding:8px 12px;border:1px solid #d3d9cd;border-radius:7px;background:#fff;color:#355c48}.project-actions{display:flex;gap:8px;flex-shrink:0}.project-actions button,.dialog-actions button{font:inherit;font-size:12px;min-height:44px;padding:10px 14px;border:1px solid #cdd6c8;border-radius:7px;background:#faf9f5;color:#355c48}#delete-project{color:#93544c}.project-toolbar select:focus-visible,#project-name:focus-visible{outline:3px solid #46715b;outline-offset:2px}#project-dialog{max-width:440px;width:calc(100% - 32px);padding:26px;border:1px solid #d3d9cd;border-radius:14px;background:#faf9f5;color:#303b35;box-shadow:0 20px 80px #24302333}#project-dialog::backdrop{background:#24302355}#project-dialog h2{font-size:20px;margin:0 0 16px}#project-dialog p{font-size:13px;line-height:1.9;overflow-wrap:anywhere}#project-name-label{display:block;font-size:12px;margin-bottom:8px}#project-name{font:inherit;font-size:16px;min-height:48px;width:100%;padding:10px;border:1px solid #cdd6c8;border-radius:7px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#submit-project{background:#355c48;color:#fff}#submit-project.danger{background:#964f45}@media(max-width:900px){.project-toolbar{flex-wrap:wrap}.project-toolbar select{flex:1}.project-actions{margin-left:auto}}@media(max-width:540px){.project-toolbar{padding:14px;gap:10px}.project-actions{width:100%}.project-actions button{flex:1;padding:10px 7px}.project-toolbar select{width:0}}.board-actions{display:flex;align-items:center;gap:12px}#align-notes{font:inherit;font-size:12px;min-width:60px;min-height:44px;padding:8px 14px;border:1px solid #cdd6c8;border-radius:7px;background:#faf9f5;color:#355c48}#align-notes:hover{background:#edf3e8}@media(max-width:540px){.board-actions .hint{display:none}.board-actions{gap:0}}.board{background-color:#cba16d;background-image:radial-gradient(ellipse at 20% 30%,#79512730 0 1px,transparent 1.7px),radial-gradient(ellipse at 70% 65%,#f8dbab65 0 1.2px,transparent 2px),radial-gradient(ellipse at 40% 75%,#8e612d25 0 1.5px,transparent 2.3px),radial-gradient(ellipse at 80% 20%,#fff0cd35 0 .7px,transparent 1.4px),repeating-linear-gradient(23deg,transparent 0 7px,#83552506 8px,transparent 9px 16px),linear-gradient(135deg,#dfb982,#cda36e 45%,#c29762);background-size:9px 13px,13px 11px,19px 17px,7px 9px,auto,auto;border:8px solid #b38350;border-radius:6px;box-shadow:inset 0 3px 9px #50331245,inset 3px 0 6px #50331225,inset 0 -2px 4px #fff0cb65,0 1px 2px #50331230}.board-shell{border-color:#c9b59a;box-shadow:0 2px 3px #654b2910,0 12px 28px -16px #654b2940}.empty{color:#654f36}.empty-icon{border-color:#86664080;color:#795a34;background:#fff3d51a}.note{box-shadow:0 1px 2px #47301e35,2px 6px 10px #47301e35,5px 12px 18px -10px #47301e55}.note.dragging{box-shadow:0 2px 4px #47301e30,5px 14px 24px #47301e55}@media(max-width:540px){.board{border-width:5px}}.header-actions{display:flex;align-items:center;gap:18px}#theme-toggle{font:inherit;font-size:12px;min-height:44px;padding:10px 14px;border:1px solid #cdd6c8;border-radius:8px;background:#faf9f5;color:#355c48;white-space:nowrap}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;background:#181e1b;color:#e1e8df}[data-theme=dark] .header{border-color:#3c473e}[data-theme=dark] .brand-mark{color:#a5c6a4}[data-theme=dark] :is(.save-state,.eyebrow,.description,.new-color-label,.hint,footer,.no-results){color:#b3c0b1}[data-theme=dark] .board-shell{background:#242d27;border-color:#4b5547;box-shadow:0 12px 28px -16px #0009}[data-theme=dark] :is(.project-toolbar,.board-toolbar,.search-toolbar,.status-filters,.no-results){border-color:#3c473e}[data-theme=dark] .project-toolbar{background:#2b352e}[data-theme=dark] :is(.new-note-color,.project-toolbar select,.search-toolbar input,#project-name){background:#19231d;color:#e1e8df;border-color:#52604f}[data-theme=dark] .search-toolbar input::placeholder{color:#a7b5a5}[data-theme=dark] :is(#theme-toggle,.project-actions button,.dialog-actions button,.search-toolbar button,#align-notes,.status-filters button){background:#303c32;color:#dbe8d6;border-color:#52604f}[data-theme=dark] :is(.add-button,.status-filters button[aria-pressed=true],#submit-project){background:#a5c6a4;color:#19271e;border-color:#a5c6a4}[data-theme=dark] :is(.add-button:hover,#align-notes:hover){background:#87ac86;color:#19271e}[data-theme=dark] #delete-project{color:#f0b4a7}[data-theme=dark] #submit-project.danger{background:#964f45;color:#fff}[data-theme=dark] .count{background:#3c493c;color:#dbe8d6}[data-theme=dark] .completed-drop{background:#293c2b;color:#c2debc;border-color:#76966b}[data-theme=dark] .completed-drop.drop-active{background:#39533b;border-color:#b7d6a9}[data-theme=dark] #project-dialog{background:#242d27;color:#e1e8df;border-color:#52604f}[data-theme=dark] #project-dialog::backdrop{background:#0009}[data-theme=dark] .board{background-color:#735a3d;background-image:radial-gradient(ellipse at 20% 30%,#24150640 0 1px,transparent 1.7px),radial-gradient(ellipse at 70% 65%,#d6b88b25 0 1.2px,transparent 2px),radial-gradient(ellipse at 40% 75%,#35200c30 0 1.5px,transparent 2.3px),radial-gradient(ellipse at 80% 20%,#ffe0ac18 0 .7px,transparent 1.4px),repeating-linear-gradient(23deg,transparent 0 7px,#2515090a 8px,transparent 9px 16px),linear-gradient(135deg,#806548,#715638 45%,#60482f);border-color:#503c27;box-shadow:inset 0 3px 9px #0006,inset 3px 0 6px #0003,inset 0 -2px 4px #d6b88b25}[data-theme=dark] .empty{color:#efdfc8}[data-theme=dark] .empty-icon{color:#efdfc8;border-color:#d6bb9680}[data-theme=dark] .note{color-scheme:light;color:#434736}[data-theme=dark] :is(button,input,select):focus-visible{outline-color:#b8d2a8}[data-theme=dark] .note :is(button,textarea):focus-visible{outline-color:#46715b}@media(max-width:540px){.header{height:auto;min-height:92px;gap:12px}.header-actions{flex-direction:column;align-items:flex-end;gap:5px;padding:10px 0}.header-actions .save-state{font-size:9px;max-width:none}#theme-toggle{padding:8px 12px}}