@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Klee+One:wght@400;600&family=Shippori+Mincho:wght@600;700&display=swap";:root{color:#24231f;background:#f6f3ec;font-family:DM Sans,Noto Sans JP,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f3ec}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.topbar{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd2;background:#f6f3eceb}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:31px;height:31px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;transform:rotate(-4deg)}.brand-mark span{border:2px solid #282723;background:#f5c94d}.brand-mark span:nth-child(2){background:#f1a8a7;transform:translateY(3px)}.brand-mark span:nth-child(3){background:#9bcad2;transform:translateY(-2px)}.header-actions{display:flex;align-items:center;gap:10px}.theme-button{position:relative;width:48px;height:48px;padding:0;display:grid;place-items:center;border:1px solid #d6d1c6;border-radius:50%;color:#4e4b44;background:#fff9;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.theme-button:hover{border-color:#aaa397;background:#fff;transform:translateY(-1px)}.theme-icon{position:relative;width:20px;height:20px;border-radius:50%;background:#4e4b44;box-shadow:inset -6px -3px #f6f3ec;transform:rotate(-25deg);transition:transform .3s,box-shadow .3s,background .3s}[data-theme=dark] .theme-icon{background:#f1c95d;box-shadow:0 0 0 4px #f1c95d1f;transform:rotate(0)}.add-button{min-height:48px;padding:0 20px;border:0;border-radius:999px;display:flex;align-items:center;gap:9px;color:#fff;background:#292824;font-weight:600;cursor:pointer;box-shadow:0 4px 13px #1e1d1924;transition:transform .18s,background .18s}.add-button span:first-child{font-size:24px;line-height:1;font-weight:400}.add-button:hover{background:#48463f;transform:translateY(-2px)}.add-button:active{transform:translateY(0)}main{padding:clamp(36px,5vw,72px) clamp(20px,5vw,76px) 42px}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:34px}.eyebrow{grid-column:1 / -1;margin:0 0 14px;color:#a3543c;font-size:11px;font-weight:700;letter-spacing:.22em}h1{margin:0;font-family:Shippori Mincho,serif;font-size:clamp(42px,5.2vw,72px);line-height:1.18;letter-spacing:-.06em;font-weight:700}.lead{justify-self:end;max-width:340px;margin:0 0 9px;color:#6e6a60;font-size:15px;line-height:1.8}.project-bar{margin-bottom:14px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #ded9ce;border-radius:14px;background:#ffffff85}.project-select-wrap{display:flex;align-items:center;gap:12px;min-width:0}.project-select-wrap>span{color:#9b5540;font-size:10px;font-weight:700;letter-spacing:.18em}.project-select{width:min(320px,32vw);height:42px;padding:0 38px 0 14px;border:1px solid #d1cbbf;border-radius:9px;outline:none;color:#34322d;background:#fffdf8;font-size:15px;font-weight:600;cursor:pointer}.project-select:focus{border-color:#8f887a;box-shadow:0 0 0 3px #6d66581a}.project-actions{display:flex;align-items:center;gap:7px}.project-actions button{min-height:38px;padding:0 13px;border:1px solid #d1cbbf;border-radius:9px;color:#615d55;background:#fffdf8;font-size:12px;font-weight:600;cursor:pointer}.project-actions button:hover{color:#292823;border-color:#aaa397}.project-actions .project-create{color:#fff;border-color:#45433d;background:#45433d}.project-actions .project-delete{color:#a34f48}.project-actions button:disabled{opacity:.38;cursor:not-allowed}.workflow-tools{margin-bottom:16px;display:flex;align-items:stretch;justify-content:space-between;gap:14px}.workflow-left{display:flex;align-items:stretch;gap:9px}.status-filter{display:flex;align-items:center;padding:5px;border:1px solid #d9d4c9;border-radius:999px;background:#ffffff8c}.status-filter button{min-height:42px;padding:0 22px;border:0;border-radius:999px;color:#726d63;background:transparent;font-size:14px;font-weight:600;cursor:pointer;transition:color .18s,background .18s,box-shadow .18s}.status-filter button:hover{color:#292823}.status-filter button.is-active{color:#fff;background:#34332e;box-shadow:0 3px 9px #2d2b2529}.arrange-button{min-height:52px;padding:0 17px;display:flex;align-items:center;gap:8px;border:1px solid #d4cec2;border-radius:12px;color:#5f5b52;background:#ffffffb3;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.arrange-button:hover{border-color:#aaa397;background:#fffdf8;transform:translateY(-1px)}.arrange-button:active{transform:translateY(0)}.arrange-icon{width:19px;height:19px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.arrange-icon i{display:block;border:1.5px solid #716c62;border-radius:2px}.complete-dropzone{min-width:290px;padding:9px 15px;display:flex;align-items:center;gap:11px;border:1.5px dashed #8e9b7a;border-radius:13px;color:#536044;background:#d1dcbc52;transition:border-color .18s,background .18s,scale .18s}.complete-dropzone.is-over{border-color:#536e38;background:#b8d38eb8;scale:1.025}.drop-check{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;background:#708d53;font-weight:700}.complete-dropzone>span:nth-child(2){display:flex;flex-direction:column;line-height:1.25}.complete-dropzone strong{font-size:14px}.complete-dropzone small{margin-top:3px;color:#7a846c;font-size:10px}.complete-total{margin-left:auto;font-size:12px;font-weight:700;white-space:nowrap}.board-shell{padding:12px;border:1px solid #ddd8cb;border-radius:18px;background:#fff6;box-shadow:0 18px 50px #433b2812}.board-toolbar{min-height:62px;padding:3px 4px 15px;display:flex;align-items:center;justify-content:space-between;gap:18px}.search-box{position:relative;width:min(100%,420px);display:flex;align-items:center}.search-icon{position:absolute;left:17px;width:15px;height:15px;border:1.8px solid #777166;border-radius:50%;pointer-events:none}.search-icon:after{content:"";position:absolute;width:7px;height:1.8px;right:-5px;bottom:-3px;border-radius:2px;background:#777166;transform:rotate(45deg)}.search-input{width:100%;height:46px;padding:0 49px 0 48px;border:1px solid #d8d2c5;border-radius:999px;outline:none;color:#302e29;background:#ffffffb3;font-size:15px;transition:border-color .18s,box-shadow .18s,background .18s}.search-input::-webkit-search-cancel-button{display:none}.search-input::placeholder{color:#928c80}.search-input:focus{border-color:#8f887a;background:#fff;box-shadow:0 0 0 3px #6d66581a}.search-clear{position:absolute;right:8px;width:32px;height:32px;padding:0;border:0;border-radius:50%;color:#6f6a60;background:#ebe7df;font-size:21px;line-height:1;cursor:pointer}.search-clear[hidden]{display:none}.search-clear:hover{color:#292823;background:#dfdad0}.search-count{flex:none;min-width:75px;color:#706b61;font-size:13px;font-weight:600;text-align:right;letter-spacing:.04em}.board{position:relative;min-height:560px;overflow:hidden;border-radius:10px;background-color:#e9e3d6;background-image:radial-gradient(#c8c0b0 1.1px,transparent 1.1px);background-size:24px 24px;outline:none}.board:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 50px #50452d0d}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#817b6e;text-align:center;padding:30px}.empty-state[hidden]{display:none}.empty-state strong{color:#514e47;font-family:Shippori Mincho,serif;font-size:21px}.empty-state span:last-child{font-size:13px}.empty-icon{width:55px;height:55px;margin-bottom:7px;display:grid;place-items:center;border:1px solid #a9a193;border-radius:50%;font-size:27px}.no-results{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px;color:#817b6e;text-align:center}.no-results[hidden],.note[hidden]{display:none}.no-results strong{color:#514e47;font-family:Shippori Mincho,serif;font-size:20px}.no-results span:last-child{font-size:13px}.no-results-icon{position:relative;width:48px;height:48px;margin-bottom:8px;border:1.5px solid #9c9588;border-radius:50%}.no-results-icon:after{content:"";position:absolute;width:17px;height:1.5px;right:-11px;bottom:0;border-radius:2px;background:#9c9588;transform:rotate(45deg);transform-origin:left}.note{position:absolute;top:16px;left:16px;width:264px;height:220px;padding:12px 17px 18px;display:flex;flex-direction:column;background:#f5d66b;box-shadow:1px 2px 2px #483b1c17,4px 8px 13px #483b1c21;transform:rotate(-1.15deg);transform-origin:center;animation:note-in .25s ease-out;transition:box-shadow .18s,opacity .18s,scale .18s}.note:nth-of-type(4n+2){transform:rotate(.85deg)}.note:nth-of-type(4n+3){transform:rotate(-.55deg)}.note:nth-of-type(4n){transform:rotate(1.25deg)}.note--red{background:#efa9a3}.note--blue{background:#a9d1e2}.note--yellow{background:#f5d66b}.note--green{background:#bcd59d}.note.is-completed{filter:saturate(.55);opacity:.78}.note.is-completed textarea{color:#5d5a52;text-decoration:line-through;text-decoration-thickness:1.5px}.note.is-dragging{box-shadow:2px 4px 4px #372f1b1a,8px 15px 24px #372f1b33;scale:1.025;cursor:grabbing}.note.is-over-complete{scale:.96;opacity:.7}.note.is-arranging{transition:translate .35s ease,box-shadow .18s,opacity .18s,scale .18s}.note.is-removing{opacity:0;scale:.88}.note-handle{height:36px;display:flex;align-items:center;justify-content:space-between;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.drag-dots{color:#2f2d277a;font-size:20px;letter-spacing:-4px}.note-actions,.color-picker{display:flex;align-items:center}.note-actions{gap:7px}.complete-button{width:29px;height:29px;padding:0;flex:none;border:1.5px solid rgba(58,57,49,.42);border-radius:50%;color:transparent;background:#fff3;font-size:16px;font-weight:700;cursor:pointer;transition:color .16s,background .16s,scale .16s}.complete-button:hover{scale:1.08;background:#ffffff6b}.complete-button[aria-pressed=true]{color:#fff;border-color:#617b48;background:#708d53}.color-picker{gap:5px;padding:4px 6px;border-radius:999px;background:#ffffff47}.color-button{width:17px;height:17px;padding:0;border:2px solid rgba(255,255,255,.75);border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px #2c2a2426;transition:scale .15s,box-shadow .15s}.color-button:hover{scale:1.15}.color-button.is-selected{box-shadow:0 0 0 2px #413f38}.color-button--red{background:#dc665e}.color-button--blue{background:#5ba8ca}.color-button--yellow{background:#e4b92d}.color-button--green{background:#7eaa50}.delete-button{width:34px;height:34px;padding:0;border:0;border-radius:50%;color:#2c2a2494;background:transparent;font-size:25px;line-height:1;cursor:pointer}.delete-button:hover{color:#292823;background:#ffffff57}.note textarea{flex:1;width:100%;padding:3px 1px;resize:none;border:0;outline:none;color:#302e28;background:transparent;font-family:Klee One,Yu Kyokasho,Hiragino Mincho ProN,cursive;font-size:17px;font-weight:600;line-height:1.7;letter-spacing:.025em}.note textarea::placeholder{color:#38342b6e}.note-corner{position:absolute;right:0;bottom:0;width:31px;height:31px;background:linear-gradient(135deg,#ffffff40 0 49%,#6c5b2b26 51% 100%);clip-path:polygon(100% 0,100% 100%,0 100%)}footer{padding:0 clamp(24px,5vw,76px) 35px;display:flex;justify-content:space-between;color:#8d887d;font-size:10px;letter-spacing:.12em}[data-theme=dark]{color-scheme:dark;color:#ebe7dc;background:#191a18}[data-theme=dark] body{background:#191a18}[data-theme=dark] .topbar{border-color:#393b36;background:#191a18ed}[data-theme=dark] .brand-mark span{border-color:#ebe7dc}[data-theme=dark] .theme-button{color:#e9e4d8;border-color:#484b44;background:#292b27}[data-theme=dark] .theme-button:hover{border-color:#676b62;background:#343730}[data-theme=dark] .add-button{color:#26251f;background:#e8d69b}[data-theme=dark] .add-button:hover{background:#f1e2ae}[data-theme=dark] .eyebrow{color:#e18a6f}[data-theme=dark] .lead,[data-theme=dark] footer{color:#a9a69d}[data-theme=dark] .project-bar,[data-theme=dark] .board-shell{border-color:#3d3f39;background:#ffffff09;box-shadow:0 18px 50px #0000002e}[data-theme=dark] .project-select{color:#e7e3d9;border-color:#4a4d46;background:#292b27}[data-theme=dark] .project-actions button,[data-theme=dark] .arrange-button{color:#d0ccc2;border-color:#4a4d46;background:#292b27}[data-theme=dark] .project-actions button:hover,[data-theme=dark] .arrange-button:hover{color:#fff;border-color:#686c63;background:#343730}[data-theme=dark] .project-actions .project-create{color:#25241f;border-color:#ded09e;background:#ded09e}[data-theme=dark] .project-actions .project-delete{color:#ef9a91}[data-theme=dark] .status-filter{border-color:#454840;background:#ffffff0a}[data-theme=dark] .status-filter button{color:#aaa79e}[data-theme=dark] .status-filter button.is-active{color:#25241f;background:#ded09e}[data-theme=dark] .complete-dropzone{color:#bdd49f;border-color:#667552;background:#6e8b4c21}[data-theme=dark] .complete-dropzone small{color:#9da78d}[data-theme=dark] .board{background-color:#292b27;background-image:radial-gradient(#4b4e47 1.1px,transparent 1.1px)}[data-theme=dark] .search-input{color:#e7e3d9;border-color:#484b44;background:#171816b8}[data-theme=dark] .search-input:focus{border-color:#777a70;background:#22231f}[data-theme=dark] .search-input::placeholder,[data-theme=dark] .search-count{color:#9a978f}[data-theme=dark] .search-clear{color:#c8c4ba;background:#3c3e38}[data-theme=dark] .empty-state,[data-theme=dark] .no-results{color:#99968e}[data-theme=dark] .empty-state strong,[data-theme=dark] .no-results strong{color:#d8d3c7}[data-theme=dark] .note{box-shadow:1px 2px 2px #00000038,5px 10px 18px #00000052}[data-theme=dark] .note textarea{color:#292821}[data-theme=dark] .note.is-completed textarea{color:#555249}@keyframes note-in{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}@media(max-width:800px){.topbar{height:74px}main{padding-top:38px}.intro{grid-template-columns:1fr;gap:16px}.lead{justify-self:start;margin:0}.project-bar{align-items:stretch;flex-direction:column}.project-select-wrap{justify-content:space-between}.project-select{flex:1;width:auto}.project-actions button{flex:1}.workflow-tools{align-items:stretch}.workflow-left{flex:1}.complete-dropzone{min-width:250px}.board{min-height:620px}}@media(max-width:599px){.topbar{padding:0 18px}.brand{font-size:16px}.brand-mark{width:27px;height:27px}.header-actions{gap:7px}.theme-button{width:44px;height:44px}.add-button{width:48px;padding:0;justify-content:center}.button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}main{padding:30px 12px 28px}.intro{padding:0 7px;margin-bottom:25px}h1{font-size:clamp(38px,12.5vw,52px)}.lead{font-size:14px}.project-bar{padding:11px}.project-select-wrap{align-items:flex-start;flex-direction:column;gap:7px}.project-select{width:100%;min-height:48px}.project-actions{gap:5px}.project-actions button{min-height:44px;padding:0 7px;font-size:11px}.workflow-tools{flex-direction:column;gap:10px}.workflow-left,.status-filter{width:100%}.status-filter button{flex:1;min-height:46px;padding:0 8px}.arrange-button{min-width:72px;min-height:56px;justify-content:center;padding:0 10px}.complete-dropzone{min-width:0;min-height:62px}.board-shell{padding:8px;border-radius:14px}.board-toolbar{min-height:62px;padding:3px 2px 11px;gap:9px}.search-input{height:48px;padding-left:45px;font-size:16px}.search-count{min-width:66px;font-size:12px}.board{min-height:650px;background-size:20px 20px}.note{top:16px;left:16px;width:min(280px,calc(100% - 32px));height:205px}.note-handle{height:42px}.color-picker{gap:7px}.complete-button{width:36px;height:36px}.color-button{width:21px;height:21px}.delete-button{width:42px;height:42px}footer{padding:0 19px 25px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}