:root{font-family:Yu Gothic UI,Meiryo,sans-serif;color:#312c27;background:#e9dfd0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:0;border-radius:8px;background:#eee8df;color:#3f3932;padding:9px 12px;cursor:pointer;display:inline-flex;gap:7px;align-items:center;justify-content:center}button:hover{filter:brightness(.96)}.primary{background:#276857;color:#fff}.app{height:100vh;display:flex;flex-direction:column;padding:0 18px 18px}header{height:76px;display:flex;justify-content:space-between;align-items:center;background:#faf7f2;margin:0 -18px 14px;padding:0 24px;border-bottom:1px solid #d8cebf}h1,h2,p{margin:0}h1{font-size:22px;color:#26483d;letter-spacing:.02em}header p{font-size:12px;color:#756c62;margin-top:4px}header span{color:#28745f;margin-left:8px}.header-actions,.welcome-actions{display:flex;gap:8px}.board{overflow:auto;flex:1;padding-right:4px}.lane{min-height:114px;border:1px solid #cbbba5;background:#e1d3c0;display:flex;margin-bottom:7px;border-radius:9px;overflow:hidden}.lane>strong{width:108px;flex:0 0 108px;display:flex;align-items:center;justify-content:center;background:#d0b690;color:#433629}.cards{display:flex;align-items:center;gap:9px;padding:10px;min-width:0;overflow-x:auto}.note{flex:0 0 164px;height:91px;text-align:left;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:10px 12px;border-radius:4px;box-shadow:2px 3px 4px #8e785a4d;border:1px solid #c7aa5d}.note b{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px}.note small{font-size:11px}.note.normal{background:#ffeb81;color:#624f00}.note.soon{background:#f4ad4a;color:#4f2d00}.note.urgent{background:#e86d5b;color:#fff;border-color:#be5142}.note.danger{background:#bd3d3f;color:#fff;border-color:#933031}.note.selected{outline:3px solid #276857;outline-offset:2px}.empty{color:#897b6d;font-size:13px;padding:34px 8px;white-space:nowrap}.details{min-height:145px;margin-top:9px;background:#faf7f2;border:1px solid #d5c9b9;border-radius:9px;padding:17px 20px;overflow:auto}.details h2{font-size:16px}.details div p{font-size:12px;color:#786f64;margin-top:4px}.body{white-space:pre-wrap;font-size:14px;line-height:1.6;margin-top:11px}.empty-detail{color:#81796e;font-size:14px}.context{position:fixed;z-index:10;width:132px;padding:5px;background:#fffdf9;border:1px solid #d4c8b9;border-radius:8px;box-shadow:0 7px 20px #42342133}.context button{width:100%;justify-content:flex-start;background:none}.context .delete{color:#ad3939}.modal-backdrop{position:fixed;inset:0;background:#29201a66;display:grid;place-items:center;z-index:20}.editor{width:min(540px,calc(100vw - 32px));background:#faf7f2;border-radius:12px;padding:20px;box-shadow:0 18px 45px #2b1c1266}.editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.editor-head h2{font-size:18px}.editor-head button{padding:5px;background:transparent}.editor label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;margin-top:12px;color:#514a41}.editor input,.editor textarea,.editor select,.welcome input{border:1px solid #cdc2b4;border-radius:7px;background:#fffdfa;padding:9px;color:#322d27}.editor textarea{height:120px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor footer{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.welcome{min-height:100vh;display:grid;place-items:center;padding:20px}.welcome-card{width:min(465px,100%);background:#faf7f2;border:1px solid #d8cdbd;border-radius:15px;text-align:center;padding:36px;box-shadow:0 14px 40px #5946321f}.welcome-card svg{color:#276857}.welcome-card h1{margin:13px 0 7px}.welcome-card p{color:#746c62;font-size:14px;line-height:1.6}.welcome-card label{display:flex;flex-direction:column;text-align:left;gap:6px;font-size:13px;font-weight:600;margin:23px 0 12px}.welcome-actions{justify-content:center}.error{color:#a43a3a!important;margin-top:14px!important}.toast{position:fixed;right:18px;bottom:18px;background:#803938;color:#fff;border-radius:8px;padding:9px 9px 9px 14px;display:flex;align-items:center;gap:10px;font-size:13px}.toast button{background:transparent;color:#fff;padding:2px}@media(max-width:700px){.app{padding:0 8px 8px}header{margin:0 -8px 8px;padding:0 12px}.lane>strong{width:76px;flex-basis:76px}.header-actions button:first-child{display:none}.two{grid-template-columns:1fr}.welcome-actions{flex-direction:column}}.lane-name{width:108px;flex:0 0 108px;display:flex;align-items:center;justify-content:center;background:#d0b690;color:#433629;border-radius:0;padding:0;font-weight:700}.tabs{display:flex;gap:4px;align-items:center;margin-bottom:8px}.tabs button{background:transparent;color:#746b60;border-bottom:2px solid transparent;border-radius:5px 5px 0 0}.tabs button.active{background:#faf7f2;color:#276857;border-bottom-color:#276857;font-weight:700}.tabs em{font-style:normal;font-size:11px;background:#ddd2c2;border-radius:10px;padding:2px 6px}.tabs .purge{margin-left:auto;color:#a33b3b}.done-list{overflow:auto;flex:1;padding:5px 0}.done-row{display:grid;grid-template-columns:34px 1fr auto;justify-content:stretch;text-align:left;width:100%;margin-bottom:7px;background:#faf7f2;border:1px solid #d7cabc;border-radius:8px;padding:14px 16px}.done-row.locked{border-color:#719286;background:#edf5f0}.done-row small{color:#7b7268}.add-lane{margin:3px 0 12px;padding:9px 15px;background:#d2c3af;color:#574a3b}.category-context{width:184px}.done-row{cursor:pointer;align-items:center}.lock-button{width:28px;height:28px;padding:5px;background:transparent;color:#276857}.done-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.done-row small{white-space:nowrap}.web-runtime .header-actions button:not(.primary){display:none}.context{width:178px}.context button{white-space:nowrap}