@import"https://fonts.googleapis.com/css2?family=Yomogi&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#29343a;background:#f5f1e9;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px}.app-shell{max-width:1480px;margin:auto;padding:0 48px}.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5dfd3}.brand{font-size:19px;font-weight:800;letter-spacing:.03em;display:flex;align-items:center;gap:11px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:#f2b757;border-radius:10px;color:#fff;font-size:24px;transform:rotate(-9deg)}.save-status{color:#77817e;font-size:12px}.save-status:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#80ad86}.intro{min-height:236px;display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:#b3844e;margin:0 0 13px}h1{font-size:32px;letter-spacing:.03em;margin:0 0 12px;line-height:1.4}.description{margin:0;color:#79827d;font-size:13px;line-height:1.7}.mobile-break{display:none}.add-button{border:0;border-radius:11px;background:#293b38;color:#fff;font-family:inherit;font-size:14px;font-weight:700;padding:16px 23px;min-height:52px;white-space:nowrap;cursor:pointer;box-shadow:0 7px 16px #293b3820}.add-button:hover{background:#3b5550}.add-button span{font-size:22px;vertical-align:-2px;margin-right:5px}.board-wrap{border:1px solid #e2dfd6;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 9px 32px #3c38240a}.board-toolbar{height:55px;padding:0 23px;display:flex;justify-content:space-between;align-items:center;color:#9a9e98;font-size:12px;border-bottom:1px solid #ebece7}.board-title{color:#485852;font-size:13px;font-weight:700}.board-dot{display:inline-block;background:#eebd72;width:8px;height:8px;border-radius:50%;margin-right:7px}.board{position:relative;min-height:560px;overflow:hidden;background-color:#fdfcf8;background-image:radial-gradient(#dedfd9 1px,transparent 1px);background-size:22px 22px;touch-action:auto}.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;pointer-events:none;color:#a4a7a0}.empty-icon{width:64px;height:64px;border-radius:20px;background:#f6eedc;display:grid;place-items:center;color:#e7b568;font-size:37px;margin-bottom:17px}.empty-state h2{font-size:18px;color:#58665f;margin:0 0 7px}.empty-state p{font-size:13px;margin:0}.note{position:absolute;width:235px;height:205px;border-radius:3px;box-shadow:3px 7px 17px #403d2929;display:flex;flex-direction:column;overflow:hidden}.note.yellow{background:#fff2b7}.note.pink{background:#fbdedc}.note.blue{background:#d9edf3}.note.green{background:#e1eecb}.note-handle{height:43px;min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 16px;cursor:grab;touch-action:none}.note-handle:active{cursor:grabbing}.note-grip{font-size:17px;letter-spacing:3px;color:#777d7390;line-height:1;-webkit-user-select:none;user-select:none}.delete-button{width:32px;height:32px;border:0;background:transparent;border-radius:7px;color:#59645d;cursor:pointer;font-size:20px;line-height:1;display:grid;place-items:center}.delete-button:hover,.delete-button:focus-visible{background:#ffffff70}.note textarea{display:block;flex:1;resize:none;border:0;outline:0;background:transparent;width:100%;padding:6px 17px 17px;color:#37413a;font:500 15px/1.6 Noto Sans JP,sans-serif}.note textarea::placeholder{color:#858a808a}footer{text-align:center;padding:24px;color:#aaada6;font-size:11px}@media(max-width:900px){.app-shell{padding:0 28px}.intro{min-height:218px}h1{font-size:28px}.board{min-height:650px}}@media(max-width:600px){.app-shell{padding:0 16px}.topbar{height:66px}.brand{font-size:16px}.brand-mark{width:31px;height:31px;font-size:21px}.save-status{font-size:0}.save-status:before{width:8px;height:8px;margin:0}.intro{display:block;min-height:0;padding:32px 2px 25px}.eyebrow{font-size:10px;margin-bottom:8px}h1{font-size:25px;line-height:1.45}.mobile-break{display:block}.description{font-size:12px;line-height:1.6}.add-button{width:100%;margin-top:23px;min-height:54px;font-size:15px}.board-toolbar{padding:0 15px}.board{min-height:620px}.note{width:220px;height:200px}.note-handle{height:48px;min-height:48px}.delete-button{width:40px;height:40px;font-size:22px}.note textarea{font-size:16px}footer{line-height:1.5}}.create-tools{display:flex;align-items:flex-end;gap:18px;flex-shrink:0}.color-choice-label{display:block;margin-bottom:8px;color:#78827a;font-size:11px;font-weight:700}.color-options,.note-colors{display:flex;align-items:center;gap:6px}.color-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #ffffffb8;border-radius:50%;cursor:pointer;padding:0;flex:none;box-shadow:0 1px 5px #39413825}.color-options .color-swatch{width:32px;height:32px}.note-colors .color-swatch{width:22px;height:22px}.color-swatch.yellow{background:#f6d863}.color-swatch.pink{background:#efa9b6}.color-swatch.blue{background:#9dcfdf}.color-swatch.green{background:#afd397}.color-swatch[aria-pressed=true]{outline:2px solid #34443d;outline-offset:2px}.color-swatch:focus-visible{outline:2px solid #34443d;outline-offset:2px}.note-handle{gap:5px;padding-left:12px;padding-right:6px}.note-grip{flex:1}.note-colors{gap:3px}@media(max-width:1050px){.intro{align-items:flex-start;flex-direction:column;justify-content:center;gap:18px;padding:25px 0}.create-tools{width:100%;justify-content:space-between}}@media(max-width:600px){.intro{display:block}.create-tools{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:20px}.color-options{gap:12px}.color-options .color-swatch{width:40px;height:40px}.add-button{margin-top:18px}.note-colors .color-swatch{width:27px;height:27px}.note-colors{gap:4px}.note-handle{padding-left:10px;padding-right:4px;gap:3px}.note-grip{font-size:14px;letter-spacing:1px}}.note{--tilt:-.8deg;border-radius:2px 2px 4px 3px;box-shadow:0 1px 1px #ffffffa8 inset,1px 2px 3px #50483721,5px 10px 16px #39362c2b;transform:rotate(var(--tilt));transform-origin:center center;transition:box-shadow .18s ease,transform .18s ease}.note:nth-of-type(4n+2){--tilt:.7deg}.note:nth-of-type(4n+3){--tilt:-.4deg}.note:nth-of-type(4n){--tilt:1deg}.note:hover,.note:focus-within{box-shadow:0 1px 1px #ffffffa8 inset,2px 4px 5px #50483724,7px 14px 23px #39362c33}:root{font-family:Yomogi,cursive}.note textarea{font-family:Yomogi,cursive;font-weight:400;font-size:17px;line-height:1.65}@media(max-width:600px){.note textarea{font-size:17px}}.board-toolbar{display:grid;grid-template-columns:1fr minmax(190px,280px) 1fr;gap:14px}.board-toolbar #note-count{justify-self:end;white-space:nowrap}.search-field{height:36px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #e5e7df;border-radius:8px;background:#fafbf7;color:#8d968d}.search-field:focus-within{border-color:#9cad9f;box-shadow:0 0 0 2px #9cad9f33}.search-field span{font-size:22px;line-height:1}.search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#34423b;font:inherit;font-size:13px}.search-field input::placeholder{color:#a1aaa0}@media(max-width:600px){.board-toolbar{height:auto;min-height:103px;grid-template-columns:1fr auto;grid-template-areas:"title count" "search search";gap:9px;padding:10px 15px}.board-title{grid-area:title}.board-toolbar #note-count{grid-area:count}.search-field{grid-area:search;height:40px}}.status-filters{display:flex;gap:7px;margin:0 0 15px;flex-wrap:wrap}.status-filters button{border:1px solid #dedfd6;border-radius:9px;background:#fff;color:#69746e;font:700 13px Yomogi,cursive;padding:10px 18px;min-height:42px;cursor:pointer}.status-filters button[aria-pressed=true]{background:#31453e;border-color:#31453e;color:#fff;box-shadow:0 3px 8px #31453e25}.status-filters button:focus-visible{outline:2px solid #31453e;outline-offset:2px}#status-count{align-self:center;margin-left:auto;color:#69746e;font-size:13px}.complete-button{flex:none;width:32px;height:32px;border:1.5px solid #53685c;border-radius:50%;background:#ffffff83;color:#3f6249;font:700 19px Yomogi,cursive;line-height:1;display:grid;place-items:center;cursor:pointer}.complete-button[aria-pressed=true]{background:#427c57;border-color:#427c57;color:#fff}.note-handle{justify-content:space-between}.note-colors{margin-left:auto}.note.completed{position:relative;left:auto;top:auto;filter:saturate(.68);opacity:.83}.note.completed textarea{text-decoration:line-through;text-decoration-color:#52675a99}.note.completed .note-handle{cursor:default}.completed-section{margin-top:18px;min-height:145px;border:2px dashed #b9cbbb;border-radius:16px;background:#f2f8ef;padding:20px 22px;transition:background .15s,border-color .15s,box-shadow .15s}.completed-section{margin-top:0;margin-bottom:18px}.completed-section.drag-over{background:#dff1db;border-color:#5eaa72;box-shadow:0 0 0 5px #8acb9140}.completed-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.completed-heading h2{font-size:18px;color:#3f6047;margin:0}.completed-heading span{font-size:12px;color:#6b886f;white-space:nowrap}.completed-hint,.completed-empty{font-size:13px;color:#7d977e;margin:9px 0 0}.completed-list{display:flex;flex-wrap:wrap;gap:24px;padding:18px 5px 5px}.completed-list:empty{padding:0}@media(max-width:600px){.status-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.status-filters button{padding:9px 5px;font-size:13px;min-height:44px}#status-count{grid-column:1/-1;justify-self:end}.complete-button{width:30px;height:30px}.note-handle{height:65px;min-height:65px;display:flex;flex-wrap:wrap;align-content:flex-start;padding-left:7px;padding-right:4px}.note-handle:after{content:"⋮⋮ ここをドラッグ";flex-basis:100%;height:18px;text-align:center;color:#53615792;font-size:10px;line-height:18px}.note-colors{gap:3px}.note-colors .color-swatch{width:25px;height:25px}.delete-button{width:35px;height:35px}.completed-section{padding:17px 14px}.completed-list{gap:17px;justify-content:center}.completed-heading h2{font-size:17px}}@media(max-width:600px){.note{height:225px}.complete-button,.delete-button{width:44px;height:44px}.note-handle{height:100px;min-height:100px;display:grid;grid-template-columns:44px 1fr 44px;grid-template-rows:44px 44px;gap:4px;padding:4px 6px;align-content:start}.note-handle:after{content:"⋮⋮ ここをドラッグ";grid-column:2;grid-row:1;align-self:center;text-align:center;color:#53615792;font-size:10px}.note-colors{grid-column:1/-1;grid-row:2;justify-self:center;margin:0;gap:4px}.note-colors .color-swatch{width:44px;height:44px}.delete-button{grid-column:3;grid-row:1}.completed-section{padding:17px 14px}.completed-list{gap:17px;justify-content:center}.completed-heading h2{font-size:17px}}.project-bar{border:1px solid #e2dfd6;border-radius:14px;background:#fff;padding:17px 20px;margin-bottom:17px;box-shadow:0 5px 18px #3c382408}.project-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;color:#405149;font-size:15px;font-weight:700}.project-kicker{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.16em;color:#b3844e}.project-controls{display:flex;gap:8px;align-items:center}.project-controls select{flex:1;min-width:180px;height:44px;border:1px solid #dfe3da;border-radius:8px;background:#fbfcf9;color:#2f4037;padding:0 12px;font:700 14px Yomogi,cursive}.project-controls button,.project-panel button{min-height:44px;border:1px solid #d9e0d6;border-radius:8px;background:#f7f9f4;color:#455a49;padding:8px 13px;font:700 13px Yomogi,cursive;white-space:nowrap;cursor:pointer}.project-controls button:hover,.project-panel button:hover{background:#e9f0e6}.project-controls button:disabled{opacity:.45;cursor:not-allowed}.project-controls .danger-button{color:#9f5b54;background:snow;border-color:#ecd9d7}.project-panel{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:13px;padding-top:13px;border-top:1px solid #e9ebe5}.project-panel label{font-size:13px;color:#4c5f52}.project-panel input{flex:1;min-width:180px;height:44px;border:1px solid #cbd6c9;border-radius:8px;padding:0 11px;font:15px Yomogi,cursive}.project-panel input:focus{outline:2px solid #7bab84;outline-offset:1px}.project-panel .project-primary{background:#314e3c;border-color:#314e3c;color:#fff}.project-panel .project-primary:hover{background:#42644d}#project-error{width:100%;color:#a34d4d;font-size:12px}.delete-panel p{width:100%;margin:0;color:#754b47;font-size:13px;line-height:1.6}.delete-panel .project-primary.danger{background:#a4504c;border-color:#a4504c;color:#fff}.delete-panel .project-primary.danger:hover{background:#883e3a}@media(max-width:600px){.project-bar{padding:14px;margin-bottom:14px}.project-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.project-controls select{grid-column:1/-1;width:100%;min-width:0}.project-controls button{padding:7px 4px;font-size:12px}.project-panel{display:grid;grid-template-columns:1fr 1fr}.project-panel label,.project-panel input,.delete-panel p,#project-error{grid-column:1/-1}.project-panel input{min-width:0;width:100%}.project-panel button{width:100%}}.board-toolbar{grid-template-columns:1fr minmax(160px,280px) auto 1fr}.arrange-button{min-height:36px;border:1px solid #d9e2d7;border-radius:8px;background:#f3f8ef;color:#42634d;padding:0 12px;font:700 13px Yomogi,cursive;white-space:nowrap;cursor:pointer}.arrange-button:hover:not(:disabled){background:#e4f0e1}.arrange-button:disabled{opacity:.45;cursor:not-allowed}.arrange-button:focus-visible{outline:2px solid #42634d;outline-offset:2px}@media(max-width:600px){.board-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title count" "search arrange"}.arrange-button{grid-area:arrange;min-height:40px;padding:0 12px}}.topbar-actions{display:flex;align-items:center;gap:18px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid #d9ded5;border-radius:9px;background:#fff;color:#34463c;font:700 13px Yomogi,cursive;cursor:pointer;white-space:nowrap}.theme-toggle:hover{background:#f3f7ef}.theme-toggle:focus-visible{outline:2px solid #5b8469;outline-offset:2px}.theme-icon{font-family:Arial,sans-serif;font-size:18px;line-height:1}@media(max-width:600px){.topbar-actions{gap:10px}.theme-toggle{min-height:44px;padding:0 10px}.brand{gap:7px;font-size:15px}}:root[data-theme=dark]{color-scheme:dark;color:#e6ede8;background:#171d1c}[data-theme=dark] .topbar{border-color:#394640}[data-theme=dark] .save-status,[data-theme=dark] .description,[data-theme=dark] .color-choice-label{color:#a6b6ab}[data-theme=dark] .eyebrow,[data-theme=dark] .project-kicker{color:#d7aa73}[data-theme=dark] .theme-toggle{border-color:#52665a;background:#2b3933;color:#edf5e9}[data-theme=dark] .theme-toggle:hover{background:#3b4e43}[data-theme=dark] .add-button{background:#92b49b;color:#17271b}[data-theme=dark] .add-button:hover{background:#acd1b4}[data-theme=dark] .project-bar,[data-theme=dark] .board-wrap{background:#232d29;border-color:#425047;box-shadow:0 9px 32px #0003}[data-theme=dark] .project-heading,[data-theme=dark] .board-title{color:#e2eee3}[data-theme=dark] .project-controls select,[data-theme=dark] .project-panel input,[data-theme=dark] .search-field{background:#1c2622;border-color:#526157;color:#edf4ed}[data-theme=dark] .project-controls button,[data-theme=dark] .project-panel button,[data-theme=dark] .arrange-button{background:#35443a;border-color:#566957;color:#e5f0e4}[data-theme=dark] .project-controls button:hover,[data-theme=dark] .project-panel button:hover,[data-theme=dark] .arrange-button:hover:not(:disabled){background:#45604a}[data-theme=dark] .project-controls .danger-button{background:#46302f;border-color:#75504b;color:#ffb6ac}[data-theme=dark] .project-panel{border-color:#46564a}[data-theme=dark] .project-panel label,[data-theme=dark] .delete-panel p{color:#d4dfd3}[data-theme=dark] .project-panel .project-primary{background:#6e9a76;border-color:#6e9a76;color:#142419}[data-theme=dark] .project-panel .project-primary:hover{background:#8cb794}[data-theme=dark] .project-panel .project-primary.danger{background:#ad655f;border-color:#ad655f;color:#fff}[data-theme=dark] #project-error{color:#ffaba6}[data-theme=dark] .status-filters button{background:#2a362f;border-color:#536457;color:#d3e2d3}[data-theme=dark] .status-filters button[aria-pressed=true]{background:#87ae90;border-color:#87ae90;color:#15251a}[data-theme=dark] #status-count,[data-theme=dark] .board-toolbar{color:#adc0b0}[data-theme=dark] .completed-section{background:#24372b;border-color:#699471}[data-theme=dark] .completed-section.drag-over{background:#35533a;border-color:#9acba0;box-shadow:0 0 0 5px #89bd8c40}[data-theme=dark] .completed-heading h2{color:#bbdfbe}[data-theme=dark] .completed-heading span,[data-theme=dark] .completed-hint,[data-theme=dark] .completed-empty{color:#a6c5a9}[data-theme=dark] .board-toolbar{border-color:#405048}[data-theme=dark] .board{background-color:#202a26;background-image:radial-gradient(#405149 1px,transparent 1px)}[data-theme=dark] .search-field input{color:#edf4ed}[data-theme=dark] .search-field input::placeholder{color:#a5b6a7}[data-theme=dark] .empty-state{color:#a9bbae}[data-theme=dark] .empty-state h2{color:#d6e6d8}[data-theme=dark] .empty-icon{background:#3a4636;color:#e8c183}[data-theme=dark] footer{color:#a8b9aa}[data-theme=dark] .color-swatch[aria-pressed=true],[data-theme=dark] .color-swatch:focus-visible{outline-color:#e0efe0}