:root{font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#303c36;background:#f6f5f0;font-synthesis:none;--yellow:#fff0ab;--pink:#f9d9df;--green:#dce8c9;--blue:#d5e7f4}*{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 #427b64;outline-offset:4px}.header{height:94px;border-bottom:1px solid #dedfd7;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:25px;font-weight:700;letter-spacing:.14em}.brand-icon{color:#52715d;font-size:35px}.brand-en{font-size:10px;letter-spacing:.18em;margin-left:10px;color:#7d867e}.save-status{font-size:12px;color:#718073}.save-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#6b9474;margin-right:8px}main{max-width:1600px;margin:auto;padding:54px 5% 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#7a8b7b;margin:0 0 14px}h1{font-size:30px;letter-spacing:.055em;font-weight:600;margin:0 0 13px}.description{font-size:13px;color:#7b837c;margin:0;line-height:1.8}.tools{display:flex;align-items:center;gap:24px}.palette{display:flex;border:0;padding:0;gap:6px;margin:0}.palette legend{font-size:10px;color:#82897e;margin-bottom:8px}.swatch{width:32px;height:32px;background:var(--yellow);border:5px solid #f6f5f0;border-radius:50%;padding:0}.swatch[data-color=pink]{background:var(--pink)}.swatch[data-color=green]{background:var(--green)}.swatch[data-color=blue]{background:var(--blue)}.swatch.selected{outline:1px solid #6e7f6d}.add-button{display:flex;align-items:center;justify-content:center;gap:12px;background:#344e40;color:#fff;border:0;border-radius:8px;min-height:50px;padding:0 22px;font-size:13px;box-shadow:0 4px 7px #344e4012}.add-button:hover{background:#456650}.add-button span{font-size:25px;font-weight:300}.board-wrap{border:1px solid #dedfd6;border-radius:13px;overflow:hidden;background:#fafaf7}.board-top{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e4dc;font-size:12px}.board-top i{display:inline-block;width:7px;height:7px;background:#7d9179;border-radius:2px;margin-right:8px}.count{margin-left:8px;background:#eaece3;padding:2px 8px;border-radius:20px;font-size:10px}.board-hint{color:#91968a;font-size:11px}.board{position:relative;min-height:530px;background-image:radial-gradient(#cfd4c9 .8px,transparent .8px);background-size:22px 22px;isolation:isolate}.empty-state{position:absolute;left:16px;right:16px;top:165px;text-align:center;pointer-events:none;color:#8d9789}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border:1px solid #d2d8ca;border-radius:15px;font-size:32px;color:#9eac97;transform:rotate(-7deg);background:#f1f3e9}.empty-state h2{font-size:16px;font-weight:500;margin-top:24px}.empty-state p{font-size:12px}.note{position:absolute;width:236px;height:222px;background:var(--yellow);border-radius:3px 3px 18px;box-shadow:2px 5px 10px #3e493018;display:flex;flex-direction:column;overflow:hidden}.note[data-color=pink]{background:var(--pink)}.note[data-color=green]{background:var(--green)}.note[data-color=blue]{background:var(--blue)}.note.dragging{box-shadow:4px 12px 20px #3e493030}.note-bar{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 14px;border-bottom:1px solid #4444440a;cursor:grab;touch-action:none}.note-bar:active{cursor:grabbing}.grip{font-size:19px;letter-spacing:2px;opacity:.32}.delete-note{border:0;background:transparent;color:#4650448a;font-size:22px;width:40px;height:40px;border-radius:5px}.delete-note:hover{background:#ffffff60;color:#333}.note textarea{width:100%;flex:1;min-height:0;resize:none;border:0;background:transparent;padding:13px 18px 18px;font:14px/1.85 Yu Gothic UI,Meiryo,sans-serif;color:#43483c;outline:none}.note textarea:focus{background:#ffffff1a}.note textarea::placeholder{color:#666c577e}footer{display:flex;justify-content:space-between;padding:22px 1px 30px;font-size:10px;color:#939a8e}footer span:last-child{letter-spacing:.12em}[hidden]{display:none!important}@media(min-width:1280px){.board{min-height:560px}}@media(max-width:900px){.intro{align-items:flex-start;flex-direction:column}.tools{width:100%;justify-content:space-between}.header{height:78px}main{padding-top:32px}.intro{gap:23px}h1{font-size:27px}}@media(max-width:480px){.header{padding:0 20px;height:72px}.brand{font-size:22px;gap:8px}.brand-en{display:none}.save-status{font-size:10px}main{padding:28px 16px 0}h1{font-size:24px}.eyebrow{font-size:9px}.description{font-size:12px;max-width:290px}.intro{margin-bottom:24px}.tools{gap:12px}.swatch{width:36px;height:36px}.palette{gap:3px}.add-button{padding:0 15px;min-height:48px;font-size:12px;gap:5px}.board-top{padding:15px 13px}.board-hint{font-size:9px}.board{min-height:550px}.note{width:236px}.note-bar{height:48px}.delete-note{width:44px;height:44px}.note textarea{font-size:16px}footer span:last-child{display:none}footer{font-size:10px}}.header-tools{display:flex;align-items:center;gap:20px}#theme-toggle{min-height:44px;padding:8px 14px;border:1px solid #c4cbb9;border-radius:8px;background:#fffdf7;color:#42533e;white-space:nowrap}@media(max-width:600px){.header{height:auto;min-height:78px;gap:10px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header-tools{gap:10px;flex-wrap:wrap;justify-content:flex-end}#theme-toggle{padding-inline:10px;font-size:13px}}.board-actions{display:flex;align-items:center;gap:14px}#align-notes{min-height:44px;padding:7px 14px;background:#fffaf0;border:1px solid #bc9b70;border-radius:7px;color:#604c35;white-space:nowrap}#align-notes:hover{background:#ecdfc8}@media(max-width:600px){.board-actions .board-hint{display:none}}.project-panel{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:22px;padding:18px;background:#eeede5;border:1px solid #dadcd0;border-radius:12px}.project-picker{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1 1 260px;max-width:460px}.project-picker label{font-size:13px;color:#64715c}.project-picker select{width:100%;min-width:0;min-height:46px;padding:8px 12px;border:1px solid #c9cebf;background:#fffdf7;color:#303c36;border-radius:7px;font:inherit;font-size:16px;text-overflow:ellipsis}.project-actions{display:flex;gap:8px;flex-wrap:wrap}.project-actions button,.dialog-actions button{min-height:44px;padding:8px 14px;border:1px solid #c4cbb9;border-radius:7px;background:#fffdf7;color:#42533e}#delete-project{color:#9a4f40}#project-dialog{width:min(440px,calc(100% - 32px));border:1px solid #c9cebf;border-radius:14px;background:#faf8ef;color:#303c36;padding:26px;box-shadow:0 20px 60px #24322640}#project-dialog::backdrop{background:#26332966}#project-dialog h2{font-size:22px;margin:0 0 12px}#project-dialog p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}#project-dialog label{display:block;font-size:14px;margin-bottom:8px}#project-name{width:100%;min-height:46px;font:inherit;font-size:16px;padding:8px 12px;border:1px solid #aebca2;border-radius:6px}#project-error{color:#a04435}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#submit-project{background:#344e40;color:#fff;border-color:#344e40}#submit-project.danger{background:#a44d3d;border-color:#a44d3d}@media(max-width:480px){.project-panel{padding:14px}.project-actions{width:100%;gap:6px}.project-actions button{flex:1;padding:8px;font-size:13px}}.status-filters{display:flex;gap:6px;margin-bottom:18px;padding:4px;background:#e9ebe2;border-radius:10px;width:fit-content}.status-filters button{min-height:44px;min-width:88px;padding:8px 16px;border:0;border-radius:7px;color:#53634f;background:transparent}.status-filters button[aria-pressed=true]{background:#344e40;color:#fff;box-shadow:0 2px 5px #344e4020}.done-zone{position:sticky;top:8px;z-index:500;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;min-height:76px;margin-bottom:20px;border:2px dashed #8ea487;border-radius:12px;background:#edf2e7;color:#425d3e;box-shadow:0 3px 10px #344e4010}.done-zone strong{font-size:18px;font-weight:400}.done-zone strong span{font-size:13px;margin-left:8px}.done-zone>span{font-size:13px}.done-zone.drop-ready{border-color:#456e3d;background:#e1edd7}.done-zone.drop-over{border-style:solid;background:#c9dfb8;box-shadow:0 0 0 4px #6a8c4e25}.complete-note{font:inherit;font-size:13px;color:#465044;border:1px solid #46504430;border-radius:20px;min-height:36px;padding:3px 10px;margin-left:auto;background:#ffffff40}.complete-note:hover{background:#ffffff90}.note.completed{outline:2px solid #63815a;outline-offset:-2px}.note.completed .complete-note{background:#42633e;color:#fff;border-color:#42633e}.note.completed textarea{text-decoration:line-through;text-decoration-color:#596c4f99;color:#64705b;background:#ffffff30}@media(max-width:480px){.done-zone{align-items:flex-start;flex-direction:column;gap:5px;padding:12px 14px}.done-zone>span{font-size:12px}.complete-note{min-height:44px}}.search-row{display:flex;align-items:center;gap:14px;margin:0 0 18px}.search-row label{font-size:14px;white-space:nowrap}.search-row input{width:320px;max-width:100%;min-width:0;min-height:46px;padding:10px 14px;border:1px solid #c9cebf;border-radius:8px;background:#fffdf7;color:#303c36;font:inherit;font-size:16px}.search-row input:focus{outline:2px solid #52715d;outline-offset:2px}@media(max-width:480px){.search-row{gap:10px}.search-row input{flex:1;width:0}}:root{font-family:Yomogi,Yu Gothic UI,Meiryo,sans-serif}.note textarea{font-family:Yomogi,Yu Gothic UI,Meiryo,sans-serif;font-size:18px;line-height:1.85}.board-wrap{border:10px solid #ad7948;border-radius:9px;background:#c99a62;box-shadow:0 8px 24px #674a2720,0 1px 2px #674a2730,inset 0 0 0 1px #825a35;border-top-color:#c4935d;border-left-color:#bc8954;border-bottom-color:#94633b}.board-top{background:#f8efdf;border-bottom:1px solid #92673f70;color:#604c35;box-shadow:0 2px 5px #5c3d2320;position:relative;z-index:1}.board-top i{background:#9a7148}.count{background:#eaddc7;color:#715333}.board-hint{color:#84715a}.board{background-color:#c99a62;background-image:linear-gradient(135deg,#fff5df12,#62401f10),url(/cork.svg);background-size:100% 100%,320px 320px;box-shadow:inset 0 3px 12px #55341645}.empty-state{color:#593e25;text-shadow:0 1px 0 #f7dcac55}.empty-icon{pointer-events:auto;background:#fff2ce9c;border-color:#79553455;color:#795534;box-shadow:1px 3px 6px #65432025}.empty-icon:hover{background:#fff2ce;transform:rotate(0)}:root[data-theme=dark]{color-scheme:dark;background:#1d2421;color:#e5e9df}[data-theme=dark] .header{border-color:#3d4941}[data-theme=dark] :is(.brand-icon,.brand-en,.save-status,.eyebrow,.description,.palette legend,footer,.project-picker label){color:#b3c0ac}[data-theme=dark] .swatch{border-color:#1d2421}[data-theme=dark] .swatch.selected{outline-color:#c4d8b6}[data-theme=dark] .project-panel{background:#28322c;border-color:#465344}[data-theme=dark] :is(.project-picker select,.project-actions button,.search-row input,#project-name,.dialog-actions button,#theme-toggle){background:#303d33;color:#e5e9df;border-color:#63735c}[data-theme=dark] .search-row input::placeholder{color:#afbaa7}[data-theme=dark] #delete-project{color:#f4b1a2}[data-theme=dark] :is(.add-button,.status-filters button[aria-pressed=true],#submit-project){background:#55754c;color:#fff}[data-theme=dark] .add-button:hover{background:#658858}[data-theme=dark] .status-filters{background:#2c362f}[data-theme=dark] .status-filters button{color:#c6d3bc}[data-theme=dark] .done-zone{background:#293a2a;color:#d4e4c6;border-color:#8fa77d}[data-theme=dark] .done-zone.drop-ready{background:#354b30}[data-theme=dark] .done-zone.drop-over{background:#48623c;border-color:#c7e0ad}[data-theme=dark] .board-wrap{border-color:#795634;border-top-color:#987048;border-left-color:#8b643e;border-bottom-color:#5b3e27}[data-theme=dark] .board{background-image:linear-gradient(#241b1290,#241b1290),url(/cork.svg)}[data-theme=dark] .board-top{background:#34392d;color:#e4e4cf}[data-theme=dark] .board-hint{color:#b8bea7}[data-theme=dark] .count{background:#4c5440;color:#e3e9d6}[data-theme=dark] #align-notes{background:#48513d;border-color:#83916f;color:#e8eddf}[data-theme=dark] .empty-state{color:#fff0d6;text-shadow:0 1px 2px #231b13}[data-theme=dark] .empty-icon{background:#e5c590;color:#453321}[data-theme=dark] .note{color-scheme:light;color:#43483c}[data-theme=dark] .note.completed{outline-color:#3c6430}[data-theme=dark] #project-dialog{background:#28322c;color:#e5e9df;border-color:#63735c}[data-theme=dark] #project-error{color:#ffb4a7}[data-theme=dark] #submit-project.danger{background:#a44d3d}[data-theme=dark] :is(button,a,select,input):focus-visible{outline:3px solid #bbd99b;outline-offset:3px}.note{transform:rotate(-1deg);transform-origin:50% 24px;border-radius:2px 2px 12px;box-shadow:0 1px 2px #57381d18,2px 7px 9px -3px #57381d50,5px 15px 15px -10px #41271065,inset 0 1px #ffffff60}.note:nth-of-type(2n){transform:rotate(1deg)}.note:nth-of-type(3n){transform:rotate(-.6deg)}.note.dragging{box-shadow:0 2px 4px #57381d25,5px 14px 20px #57381d50,9px 24px 25px -12px #41271065}@media(max-width:480px){.board-wrap{border-width:7px}.board-top{padding-left:10px;padding-right:10px}}