:root{font-family:Noto Sans JP,sans-serif;color:#303e36;background:#f7f8f4;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #4c8266;outline-offset:4px}.header{height:100px;margin:0 auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e8df}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#354c3d;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-icon{background:#e5ecd9;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-size:31px}.brand-light{font-weight:400}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:500;margin-top:2px}.save-state{font-size:11px;color:#778577;display:flex;align-items:center;gap:8px}.save-state:before{content:"";width:6px;height:6px;background:#7b9d73;border-radius:50%}main{max-width:1512px;margin:auto;padding:54px 5% 25px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#8b977e;font-weight:600;margin:0 0 13px}h1{font-size:34px;letter-spacing:1px;margin:0 0 15px;font-weight:700}h1 span{color:#92a781}.description{font-size:13px;line-height:1.9;color:#7c8379;margin:0}.mobile-break{display:none}.add-button{border:0;background:#3f5b48;color:#fff;border-radius:9px;padding:14px 23px;font-size:13px;font-weight:600;box-shadow:0 4px 8px #3f5b4815;white-space:nowrap}.add-button:hover{background:#304b39}.add-button span{font-size:21px;vertical-align:-1px;margin-right:6px}.workspace{border:1px solid #e0e5da;border-radius:14px;overflow:hidden;background:#fcfcf9;box-shadow:0 5px 25px #2f493007}.board-toolbar{height:58px;background:#fffefb;border-bottom:1px solid #e7e9df;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.board-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7f9670;margin-right:8px}.count{font-size:10px;font-weight:400;color:#85907f;background:#f0f2eb;border-radius:20px;padding:4px 9px;margin-left:10px}.board-hint{color:#9a9f93;font-size:10px;font-weight:400}.board{position:relative;min-height:470px;background-image:radial-gradient(#d9dfd1 .9px,transparent .9px);background-size:20px 20px;overflow:hidden}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.empty[hidden]{display:none}.empty-icon{display:grid;place-items:center;width:65px;height:65px;background:#eef1e7;border:1px solid #e1e7d8;border-radius:18px;color:#899a77;font-size:34px;transform:rotate(-7deg);margin-bottom:17px}.empty h2{font-size:17px;font-weight:500;margin:10px 0;color:#78836f}.empty p{font-size:12px;color:#9ba18f;margin:0 0 22px}.empty-add{background:#fffefb;border:1px solid #d9dfd1;color:#6b7f60;font-size:12px;padding:12px 18px;border-radius:7px;min-height:44px}.board-footer{display:flex;justify-content:space-between;gap:12px;padding:15px 24px;border-top:1px solid #e7e9df;color:#9aa18f;font-size:10px;background:#fffefb}.tip{text-align:center;font-size:11px;color:#999f90;margin-top:24px;line-height:1.8}.tip span{color:#8a9c77;margin-right:6px}.note{position:absolute;width:240px;height:224px;background:var(--paper);border:1px solid #00000006;border-radius:3px 3px 12px;box-shadow:2px 5px 9px #42513716;display:flex;flex-direction:column}.note:focus-within{box-shadow:2px 6px 14px #42513725}.note.dragging{box-shadow:4px 12px 20px #42513730;z-index:1000}.note-header{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 8px 0 15px;cursor:grab;touch-action:none;background:#ffffff18}.note-header:active{cursor:grabbing}.grip{font-size:18px;color:#555d3d55;letter-spacing:3px;-webkit-user-select:none;user-select:none}.note-tools{display:flex;align-items:center;gap:0}.note-tool{border:0;background:transparent;width:36px;height:40px;display:grid;place-items:center;color:#5e624b;font-size:18px;border-radius:6px}.note-tool:hover{background:#0000000b}.note textarea{flex:1;min-height:0;width:100%;resize:none;border:0;background:transparent;padding:9px 18px 18px;font:400 15px/1.8 Noto Sans JP,sans-serif;color:#4d503f;outline:none}.note textarea::placeholder{color:#71745799}.note-bottom{padding:0 17px 11px;font-size:9px;color:#666b4d80;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1600px){.board{min-height:550px}}@media(max-width:800px){.header{height:82px;padding:0 24px}main{padding:36px 24px 20px}h1{font-size:29px}.board-toolbar{padding:0 18px}.board-hint{font-size:9px}.intro{gap:15px}.board-footer{padding:14px 18px}.note-tool{width:40px;height:44px}.note-header{min-height:48px}}@media(max-width:520px){.header{height:78px;padding:0 20px}.brand{font-size:21px;gap:9px}.brand-icon{width:38px;height:38px;font-size:28px}.brand small{font-size:8px}.save-state{font-size:9px;max-width:104px;line-height:1.6;gap:5px}main{padding:30px 16px 18px}.intro{align-items:flex-start;flex-direction:column;margin-bottom:23px;gap:20px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:28px;margin-bottom:12px}.description{font-size:12px}.mobile-break{display:block}.add-button{width:100%;min-height:49px;padding:10px 20px}.board-toolbar{height:54px;padding:0 14px}.board-hint{display:none}.board{min-height:450px}.board-footer{padding:13px 14px;font-size:8px;gap:8px}.tip{font-size:10px;padding:0 10px;margin-top:20px}.empty h2{font-size:14px}.empty p{font-size:11px}.note-tool{width:44px;height:44px}.note textarea{font-size:16px}.note-header{min-height:48px}}.note{background:linear-gradient(175deg,#ffffff14 0%,transparent 40%,#00000004 100%),var(--paper);border-radius:2px 2px 9px;transform:rotate(var(--tilt, -1deg));transform-origin:50% 35%;box-shadow:0 1px 2px #38412b12,2px 6px 7px -3px #38412b30,5px 12px 13px -8px #38412b38;transition:box-shadow .16s ease}.note:focus-within{box-shadow:0 1px 2px #38412b18,2px 7px 10px -3px #38412b38,5px 13px 15px -8px #38412b40}.note.dragging{box-shadow:0 2px 4px #38412b18,4px 12px 18px -4px #38412b38,8px 20px 24px -10px #38412b40}@media(prefers-reduced-motion:reduce){.note{transition:none}}@font-face{font-family:Yomogi;src:url(/fonts/Yomogi-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.note textarea{font-family:Yomogi,cursive;font-size:18px;line-height:1.8}.note[hidden],.search-box button[hidden]{display:none}.board-toolbar{height:auto;min-height:64px;gap:16px;padding-block:10px;flex-wrap:wrap}.board-title{display:flex;align-items:center;white-space:nowrap}.board-actions{display:flex;align-items:center;gap:20px;min-width:0}.search-box{display:flex;align-items:center;width:250px;min-width:0;background:#f7f8f2;border:1px solid #dce2d4;border-radius:8px}.search-box:focus-within{outline:2px solid #7f9670;outline-offset:2px}.search-box input{width:100%;min-width:0;height:44px;padding:0 12px;border:0;outline:none;background:transparent;font:inherit;font-size:13px;color:#354c3d}.search-box input::placeholder{color:#929b89}.search-box input::-webkit-search-cancel-button{-webkit-appearance:none}.search-box button{flex:0 0 44px;height:44px;border:0;border-radius:7px;background:transparent;color:#6b7f60;font-size:22px}.search-box button:hover{background:#e8eddf}.search-empty{pointer-events:none}@media(max-width:800px){.board-actions .board-hint{display:none}.search-box{width:230px}}@media(max-width:520px){.board-toolbar{gap:12px;padding-block:14px}.board-actions,.search-box{width:100%}.search-box input{font-size:16px}}.status-filters{display:flex;gap:5px;padding:5px;margin:-10px 0 22px;width:fit-content;max-width:100%;background:#e9eee2;border-radius:11px}.status-filters button{min-height:44px;padding:8px 24px;border:0;border-radius:7px;background:transparent;color:#74816b;font-size:13px}.status-filters button[aria-pressed=true]{background:#fffefb;color:#3f5b48;font-weight:700;box-shadow:0 2px 6px #38412b12}.done-zone{padding:18px;border-bottom:1px solid #dce5d5;background:#f0f5eb}.done-heading{border:2px dashed #bccdb0;border-radius:10px;padding:14px 18px;text-align:center;background:#f7faf3;color:#5f7853}.done-heading h2{font-size:15px;margin:0 0 6px}.done-heading h2 span{margin-left:8px;font-size:11px;font-weight:400}.done-heading p{margin:0;font-size:11px}.done-notes{display:flex;flex-wrap:wrap;gap:22px 18px}.done-notes:has(.note:not([hidden])){padding:22px 6px 8px}.done-notes .note{position:relative;left:auto!important;top:auto!important;flex-shrink:0}.note.completed{background:linear-gradient(175deg,#ffffff40,#ffffff15),#e0e9d8;border:1px solid #c5d3b9}.note.completed textarea{color:#71816a;text-decoration:line-through;text-decoration-color:#92a389}.note.completed .note-bottom{color:#526e47;font-size:11px;font-weight:600}.complete-tool[aria-pressed=true]{color:#fff;background:#6f8c5e;border-radius:50%;width:32px;height:32px;margin:6px;font-size:18px}.drag-active .done-heading{position:fixed;bottom:18px;left:50%;transform:translate(-50%);width:min(560px,calc(100% - 32px));z-index:5000;padding:22px 18px;background:#f0f7e9;box-shadow:0 8px 32px #354c3d33;pointer-events:none}.drag-active .done-heading.drop-ready{background:#d7e9c8;border-color:#65894f;border-style:solid}.note.dragging{pointer-events:none}@media(max-width:520px){.status-filters{width:100%;margin-top:0}.status-filters button{flex:1;padding-inline:10px}.done-zone{padding:14px}.done-notes{justify-content:center}.drag-active .done-heading{bottom:12px}}.project-panel{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:18px;margin-bottom:26px;border:1px solid #dfe5d7;border-radius:12px;background:#fffefb}.project-picker{flex:1;max-width:480px;min-width:0}.project-picker label{display:block;margin-bottom:8px;font-size:10px;letter-spacing:1px;color:#849077}.project-picker select{width:100%;min-height:46px;padding:10px 32px 10px 12px;border:1px solid #d5dfcc;border-radius:8px;background:#f5f8ef;font:inherit;font-size:15px;color:#354c3d;text-overflow:ellipsis}.project-picker select:focus-visible{outline:2px solid #7f9670;outline-offset:2px}.project-buttons{display:flex;gap:8px;flex-wrap:wrap}.project-buttons button,.dialog-actions button{min-height:44px;padding:10px 14px;border:1px solid #d5dfcc;border-radius:8px;background:#fffefb;color:#526b45;font:inherit;font-size:12px}.project-buttons button:hover,.dialog-actions button:hover{background:#edf2e7}.project-buttons #create-project{background:#e9f0e1}button.danger-button{color:#a04d40;border-color:#e5cfc9}dialog{width:min(460px,calc(100% - 32px));padding:26px;border:1px solid #dce3d4;border-radius:16px;color:#354c3d;background:#fffefb;box-shadow:0 20px 70px #24301f33}dialog::backdrop{background:#26322166}dialog h2{font-size:20px;margin:0 0 12px}dialog p{font-size:13px;color:#77836d;line-height:1.9;overflow-wrap:anywhere}dialog label{display:block;margin:20px 0 8px;font-size:12px}dialog input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cbd8be;border-radius:8px;font:inherit;font-size:16px;color:#354c3d;background:#fafcf7}dialog input:focus{outline:2px solid #7f9670;outline-offset:2px}#project-name-error{color:#a04d40;margin:8px 0 0;font-size:12px}.dialog-actions{display:flex;justify-content:end;flex-wrap:wrap;gap:10px;margin-top:24px}.dialog-actions button[type=submit]{background:#3f5b48;color:#fff;border-color:#3f5b48}.dialog-actions button.danger-button{background:#a04d40;border-color:#a04d40}@media(max-width:800px){.project-panel{align-items:stretch;flex-direction:column}.project-picker{max-width:none}}@media(max-width:520px){.project-panel{padding:14px;gap:14px;margin-bottom:20px}.project-picker select{font-size:16px}.project-buttons{gap:6px}.project-buttons button{flex:1;padding-inline:6px;white-space:nowrap;font-size:11px}dialog{padding:22px}}#arrange-notes{flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid #d5dfcc;border-radius:8px;background:#f5f8ef;color:#526b45;font:inherit;font-size:12px}#arrange-notes:hover{background:#e9f0e1}@media(max-width:520px){.board-actions{gap:10px}.board-actions .search-box{flex:1;width:auto}}:root{color-scheme:light}.header-actions{display:flex;align-items:center;gap:20px}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #d5dfcc;border-radius:9px;background:#fffefb;color:#526b45;font:inherit;font-size:11px}#theme-icon{font-size:20px;line-height:1}.theme-toggle:hover{background:#e9f0e1}:root[data-theme=dark]{color-scheme:dark;background:#191f1c;color:#e1e8dc}[data-theme=dark] .header{border-color:#364238}[data-theme=dark] .brand{color:#dfebd9}[data-theme=dark] .brand-icon{background:#354333}[data-theme=dark] :is(.save-state,.description,.eyebrow,.board-hint,.tip,.project-picker label,dialog p,.empty p){color:#a5b39d}[data-theme=dark] :is(.workspace,.board-toolbar,.board-footer,.project-panel,dialog){background:#232c25;border-color:#3c493d}[data-theme=dark] .board{background-color:#1e2620;background-image:radial-gradient(#3c493c .9px,transparent .9px)}[data-theme=dark] :is(.count,.status-filters,.empty-icon){background:#344132;color:#b9c9af;border-color:#46573f}[data-theme=dark] .status-filters button{color:#aaba9f}[data-theme=dark] .status-filters button[aria-pressed=true]{background:#526b45;color:#f3f7ee}[data-theme=dark] :is(.search-box,.project-picker select,dialog input,.empty-add,#arrange-notes,.theme-toggle,.project-buttons button,.dialog-actions button){background:#2c392d;color:#d7e5ce;border-color:#485b40}[data-theme=dark] :is(.search-box input,.search-box button,dialog,.empty h2){color:#d7e5ce}[data-theme=dark] .search-box input::placeholder{color:#a3b09b}[data-theme=dark] :is(.project-buttons #create-project,.theme-toggle:hover,#arrange-notes:hover,.project-buttons button:hover,.dialog-actions button:hover,.search-box button:hover){background:#3d5136}[data-theme=dark] :is(.project-buttons .danger-button,#project-name-error){color:#f0afa0;border-color:#845c51}[data-theme=dark] .dialog-actions button[type=submit]{background:#526f46;color:#fff}[data-theme=dark] .dialog-actions button.danger-button{background:#944c40;border-color:#ac685b}[data-theme=dark] dialog::backdrop{background:#080d0bc4}[data-theme=dark] .done-zone{background:#263522;border-color:#41543a}[data-theme=dark] .done-heading{background:#2d3e27;color:#c1d6b1;border-color:#637c52}[data-theme=dark] .drag-active .done-heading.drop-ready{background:#415c33;border-color:#a4c989}[data-theme=dark] .board-footer{color:#a5b39d}[data-theme=dark] .note{color-scheme:light;background:linear-gradient(175deg,#ffffff10,#0000000b),color-mix(in srgb,var(--paper) 85%,#c6c9b5);box-shadow:0 2px 4px #0003,4px 10px 16px -5px #0007}[data-theme=dark] .note.completed{background:linear-gradient(175deg,#ffffff10,#00000008),#c2d1b6;border-color:#94aa85}[data-theme=dark] .note.dragging{box-shadow:0 4px 10px #0004,6px 18px 28px -6px #0009}@media(max-width:520px){.header-actions{flex-direction:column-reverse;align-items:flex-end;gap:3px}.theme-toggle{padding:8px}.theme-label{display:none}.header{min-height:92px}.header-actions .save-state{max-width:none;font-size:8px}}