*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#253247;background:#f7f8fa;font-synthesis:none}body{margin:0}.board-tools{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.board-tools .completion-filters{margin-bottom:0}#align-notes{min-height:44px;padding:8px 18px;border:1px solid #cbd3df;border-radius:8px;background:#fff;color:#38404a}#align-notes:hover:not(:disabled){background:#e9edf2}#align-notes:disabled{opacity:.5;cursor:default}.project-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #e0e5eb}.project-toolbar label{font-size:14px}.project-toolbar select{flex:1;min-width:150px;width:240px;max-width:360px;min-height:44px;padding:8px 12px;border:1px solid #cbd3df;border-radius:8px;background:#fff;color:#253247;font-size:16px}.project-actions,.project-dialog-actions{display:flex;flex-wrap:wrap;gap:8px}.project-actions button,.project-dialog-actions button{min-height:44px;padding:8px 12px;border:1px solid #cbd3df;border-radius:8px;background:#fff;color:#38404a}.project-actions [data-project-action=delete]{color:#a02a36}#project-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #d5dce5;border-radius:14px;color:#253247;box-shadow:0 20px 60px #24355030}#project-dialog::backdrop{background:#17263e66}#project-dialog h2{margin-top:0}#project-name-field{display:flex;flex-direction:column;gap:8px;font-size:14px}#project-name{width:100%;min-height:44px;border:1px solid #cbd3df;border-radius:8px;padding:10px;font-size:16px}#project-name:focus-visible{outline:3px solid #486dd9;outline-offset:2px}#project-delete-message{line-height:1.8;overflow-wrap:anywhere}.project-dialog-actions{justify-content:flex-end;margin-top:24px}#project-confirm{background:#29394f;color:#fff}#board-name{overflow-wrap:anywhere;white-space:normal;min-width:0}.board-meta .board-title{min-width:0;flex:1}#save-status{flex-shrink:0}@media(max-width:600px){.project-toolbar{gap:8px}.project-toolbar select{max-width:none;width:0}.project-actions{width:100%}.project-actions button{flex:1}}button,textarea,select,input{font:inherit}[hidden]{display:none!important}.search-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-bar label{font-size:14px;white-space:nowrap}.search-bar input{width:min(100%,400px);min-width:0;min-height:44px;border:1px solid #cbd3df;border-radius:8px;padding:10px 12px;background:#fff;color:#253247;font-size:16px}.search-bar input:focus-visible{outline:3px solid #486dd9;outline-offset:2px}.search-bar button{min-height:44px;padding:8px 12px;border:1px solid #cbd3df;border-radius:8px;color:#38404a;background:#fff;white-space:nowrap}.search-bar button:disabled{opacity:.5;cursor:default}#no-results{padding:90px 20px;text-align:center;color:#78869a}#no-results p{font-size:14px;line-height:1.9}@media(max-width:600px){.search-bar{flex-wrap:wrap;gap:8px}.search-bar label{width:100%}.search-bar input{flex:1}}button{cursor:pointer}button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #486dd9;outline-offset:3px}.add-controls{display:flex;align-items:center;gap:16px}.new-color-label{display:flex;align-items:center;gap:10px;font-size:14px}.color-select{min-height:44px;max-width:100%;border:1px solid #52606c40;border-radius:8px;padding:0 8px;color:#38404a;background:#fff0af;font-size:16px;cursor:pointer}.color-select[data-color="1"]{background:#ddecff}.color-select[data-color="2"]{background:#f9dfe8}.color-select[data-color="3"]{background:#dcefe3}.note-color{width:112px;flex-shrink:0;border-color:transparent}.header{min-height:108px;padding:24px 4%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid #e7eaf0}.brand{display:flex;align-items:center;gap:13px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;background:#ffe078;border-radius:12px;font-size:29px;color:#66521b}h1{margin:0 0 4px;font-size:22px;letter-spacing:.03em}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.18em;color:#8390a1}.add-button{border:0;border-radius:10px;min-height:48px;padding:0 21px;background:#29394f;color:#fff;font-size:15px;font-weight:600;box-shadow:0 3px 6px #26364c17}.add-button:hover{background:#405575}.add-button span{font-size:22px;vertical-align:-1px;margin-right:5px}main{padding:28px 4% 140px}.completion-filters{display:flex;gap:6px;margin-bottom:18px}.completion-filters button{min-height:44px;padding:8px 20px;border:1px solid #cbd3df;border-radius:8px;background:#fff;color:#38404a}.completion-filters button[aria-pressed=true]{background:#29394f;color:#fff;border-color:#29394f}.complete-note{flex-shrink:0;min-height:44px;margin:0 12px 8px;padding:4px 10px;border:1px solid #52606c40;border-radius:6px;background:#ffffff45;color:#38404a;text-align:left;font-size:14px}.complete-note[aria-pressed=true]{color:#205a43;background:#ffffffa6;border-color:#38795e;font-weight:650}.note.completed textarea{text-decoration:line-through;text-decoration-color:#52606c99;color:#5d6861}.note.completed{outline:2px solid #609b81;outline-offset:-2px}#done-zone{position:fixed;bottom:16px;left:4%;right:4%;z-index:20;padding:14px 20px;border:2px dashed #7fa28e;border-radius:12px;background:#f0f8f2f5;box-shadow:0 4px 20px #24355014;color:#315d45}#done-zone>div{display:flex;align-items:center;gap:14px}#done-count{font-size:14px}#done-zone p{margin:6px 0 0;font-size:14px;line-height:1.5}#done-zone.drop-ready{background:#d2efd9;border-style:solid;box-shadow:0 0 0 4px #609b8130}.note.dragging{z-index:30}.note{scroll-margin-bottom:140px}@media(max-width:600px){body main{padding-bottom:150px}#done-zone{left:12px;right:12px;bottom:10px;padding:12px}#done-zone p{font-size:12px}.completion-filters button{flex:1;padding-inline:12px}}.board-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;font-size:14px}.board-title{font-weight:650;display:flex;align-items:center;gap:12px}#note-count{font-size:12px;background:#e9edf2;color:#637185;border-radius:20px;padding:4px 10px;white-space:nowrap}#save-status{font-size:12px;color:#66788b}#save-status:before{content:"";display:inline-block;width:6px;height:6px;background:#609b81;border-radius:50%;margin-right:7px}.board-shell{border:1px solid #e0e5eb;border-radius:14px;overflow:hidden;background:#f0f3f7}#board{position:relative;min-height:calc(100dvh - 245px);background-image:radial-gradient(#cbd3df 1px,transparent 1px);background-size:22px 22px}#empty-state{position:absolute;inset:70px 20px auto;text-align:center;color:#78869a;padding-top:8vh}.empty-note{display:grid;place-items:center;width:74px;height:78px;margin:auto auto 25px;background:#fff0af;color:#b89841;border-radius:3px 3px 18px;box-shadow:3px 5px #e3e6e9;font-size:32px;transform:rotate(-8deg)}h2{color:#56657a;font-size:20px;font-weight:550}#empty-state p{font-size:14px;line-height:1.9}.note{position:absolute;width:240px;height:236px;border-radius:2px 2px 9px;background:#fff0af;box-shadow:0 1px 2px #24355018,2px 5px 7px -3px #24355038,4px 12px 13px -7px #24355030;transform:rotate(var(--note-tilt, -1deg));transform-origin:center;transition:box-shadow .16s ease;display:flex;flex-direction:column}.note:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff18 0%,#00000004 16%,transparent 32%,#ffffff0d 88%,#00000005 100%);box-shadow:inset 0 1px #fff5}.note[data-color="1"]{background:#ddecff}.note[data-color="2"]{background:#f9dfe8}.note[data-color="3"]{background:#dcefe3}.note.dragging{box-shadow:0 3px 5px #24355018,4px 14px 22px -5px #24355042;z-index:30}@media(prefers-reduced-motion:reduce){.note{transition:none}}.note-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 15px}.drag-handle{border:0;background:transparent;color:#52606c;min-height:44px;flex:1;text-align:left;cursor:grab;touch-action:none;letter-spacing:3px}.dragging .drag-handle{cursor:grabbing}.delete-note{display:grid;place-items:center;border:0;background:transparent;width:44px;height:44px;border-radius:8px;color:#62686b}.delete-note:hover{background:#00000009;color:#a02a36}.delete-note svg{width:17px;height:17px}.delete-note{flex-shrink:0}.note textarea{width:100%;flex:1;min-height:0;resize:none;border:0;background:transparent;color:#38404a;padding:5px 20px 21px;font-family:Yomogi,Hiragino Maru Gothic ProN,sans-serif;font-size:19px;font-weight:400;line-height:1.8;border-radius:0 0 18px 5px}.note textarea::placeholder{color:#777764;opacity:.8}.note textarea:focus{outline-offset:-4px}footer{display:flex;justify-content:space-between;gap:12px;color:#798597;font-size:12px;line-height:1.6;margin-top:15px}@media(max-width:900px){.new-color-label{flex-direction:column;align-items:flex-start;gap:5px}}@media(max-width:600px){.header{flex-wrap:wrap}.add-controls{width:100%;justify-content:space-between;gap:10px;margin-top:12px}.new-color-label{flex-direction:row;align-items:center;gap:8px;font-size:12px}.add-controls .add-button{white-space:nowrap}}@media(max-width:600px){.header{padding:18px 16px;min-height:91px;gap:8px}.brand{gap:9px}.brand-icon{width:35px;height:39px}h1{font-size:18px}.eyebrow{font-size:9px}.add-button{padding:0 12px;font-size:14px}.add-button span{margin-right:0}main{padding:21px 12px 15px}.board-meta{align-items:flex-start;gap:8px}#save-status{max-width:150px;text-align:right;line-height:1.7}.board-title{gap:6px;white-space:nowrap}#board{min-height:calc(100dvh - 230px)}footer>span:last-child{display:none}#empty-state{inset:65px 16px auto}#empty-state p{font-size:13px}}:root{color-scheme:light}#theme-toggle{min-height:44px;padding:8px 12px;border:1px solid #cbd3df;border-radius:8px;background:#fff;color:#38404a;white-space:nowrap;font-size:14px}.header .brand{margin-right:auto}@media(min-width:601px)and (max-width:900px){.header{flex-wrap:wrap}.header .add-controls{width:100%;justify-content:flex-end}}:root[data-theme=dark]{color-scheme:dark;background:#151c27;color:#e4eaf3}[data-theme=dark] .header{background:#1d2735;border-color:#38485e}[data-theme=dark] .board-shell{background:#192330;border-color:#38485e}[data-theme=dark] #board{background-image:radial-gradient(#38485e 1px,transparent 1px)}[data-theme=dark] .project-toolbar{border-color:#38485e}[data-theme=dark] :is(#theme-toggle,#align-notes,.project-toolbar select,.project-actions button,.project-dialog-actions button,.search-bar input,.search-bar button,.completion-filters button,#project-name){background:#253244;color:#e4eaf3;border-color:#51617a}[data-theme=dark] :is(.add-button,#project-confirm,.completion-filters button[aria-pressed=true]){background:#b8cffa;color:#17263e;border-color:#b8cffa}[data-theme=dark] :is(.add-button:hover,#align-notes:hover:not(:disabled)){background:#94b6ee;color:#17263e}[data-theme=dark] .project-actions [data-project-action=delete]{color:#ffacb8}[data-theme=dark] #project-dialog{background:#1d2735;color:#e4eaf3;border-color:#51617a}[data-theme=dark] #project-dialog::backdrop{background:#0009}[data-theme=dark] :is(h2,#empty-state,#no-results,footer,.eyebrow,#save-status){color:#b1bfd2}[data-theme=dark] #note-count{background:#304057;color:#d4dfef}[data-theme=dark] .search-bar input::placeholder{color:#b1bfd2;opacity:1}[data-theme=dark] #done-zone{background:#203a2df5;color:#c0e6cc;border-color:#7ebc94}[data-theme=dark] #done-zone.drop-ready{background:#305b42}[data-theme=dark] :is(.note,.color-select){color-scheme:light}[data-theme=dark] .note{box-shadow:0 2px 4px #00000040,3px 10px 16px -5px #00000080}[data-theme=dark] .note.dragging{box-shadow:0 5px 10px #00000050,5px 18px 26px -5px #0009}[data-theme=dark] :is(button,input,select):focus-visible{outline-color:#96baff}