@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Yuji+Syuku&display=swap";:root{color:#272522;background:#f5f1e8;font-family:DM Sans,Noto Sans JP,sans-serif;font-synthesis:none;--ink: #272522;--muted: #888177;--paper: #fffdf7;--line: rgba(54, 49, 43, .13);color-scheme:light}:root[data-theme=dark]{color:#ece9e3;background:#171a1d;--ink: #ece9e3;--muted: #aaa69f;--paper: #22262a;--line: rgba(255, 255, 255, .12);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 8% 8%,rgba(230,194,120,.13),transparent 25%),#f5f1e8}button,textarea{font:inherit}.app{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:32px 36px 36px}.app-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 5px;color:#a16b2f;font-size:11px;font-weight:700;letter-spacing:.2em}h1{margin:0;font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.045em}.add-button{min-height:48px;border:0;border-radius:999px;padding:0 21px 0 15px;display:inline-flex;align-items:center;gap:9px;color:#fff;background:var(--ink);box-shadow:0 8px 20px #2725222e;font-weight:600;cursor:pointer;transition:transform .18s,box-shadow .18s}.add-button span:first-child{font-size:25px;font-weight:400;line-height:1}.add-button:hover{transform:translateY(-2px);box-shadow:0 11px 24px #27252238}.add-button:active{transform:translateY(0)}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle{width:46px;height:46px;flex:0 0 46px;padding:0;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#71695f;background:#fffdf8d1;box-shadow:0 5px 16px #3f36290d;cursor:pointer;transition:color .18s,background .18s,transform .18s}.theme-toggle:hover{color:#a16b2f;transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid #a16b2f;outline-offset:2px}.theme-toggle svg{grid-area:1 / 1;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .18s,transform .25s}.theme-toggle .moon-icon{opacity:0;transform:rotate(-35deg) scale(.7)}:root[data-theme=dark] .theme-toggle .sun-icon{opacity:0;transform:rotate(35deg) scale(.7)}:root[data-theme=dark] .theme-toggle .moon-icon{opacity:1;transform:rotate(0) scale(1)}.search-box{width:clamp(190px,25vw,300px);min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:8px;background:#fffdf8d1;box-shadow:0 5px 16px #3f36290d;transition:border-color .18s,box-shadow .18s}.search-box:focus-within{border-color:#5c4e3b57;box-shadow:0 0 0 3px #a16b2f17,0 5px 16px #3f36290d}.search-box svg{flex:0 0 19px;width:19px;height:19px;fill:none;stroke:#8b847a;stroke-width:1.8;stroke-linecap:round}.search-box input{min-width:0;flex:1;padding:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:14px}.search-box input::placeholder{color:#aaa298}.search-box input::-webkit-search-cancel-button{cursor:pointer}.search-count{flex:0 0 auto;color:#83796c;font-size:12px;font-weight:700;white-space:nowrap}.search-count[hidden]{display:none}.status-toolbar{min-height:58px;margin-bottom:14px;padding:8px 10px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:flex-start;gap:14px;background:#fffdf894}.project-control{min-width:0;display:flex;align-items:center;gap:5px}.project-label{margin:0 5px;color:#9b7345;font-size:10px;font-weight:800;letter-spacing:.12em}.project-control select{width:clamp(150px,20vw,235px);min-height:40px;padding:0 34px 0 13px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#fffdf8;font-size:13px;font-weight:700;cursor:pointer}.project-control>button{width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:10px;color:#686159;background:#fffdf8b8;font-size:19px;cursor:pointer;transition:background .15s,color .15s,transform .15s}.project-control>button:hover{color:var(--ink);background:#fffdf8;transform:translateY(-1px)}.project-control>button:focus-visible,.project-control select:focus-visible{outline:2px solid #a16b2f;outline-offset:2px}.project-control>button:disabled{opacity:.35;cursor:not-allowed;transform:none}.project-control .project-delete:hover:not(:disabled){color:#963c35}.status-filters{display:flex;gap:4px;padding:4px;border-radius:999px;background:#4b433914}.status-filters button{min-height:38px;padding:0 17px;border:0;border-radius:999px;color:#777067;background:transparent;font-size:13px;font-weight:700;cursor:pointer;transition:color .16s,background .16s,box-shadow .16s}.status-filters button[aria-pressed=true]{color:var(--ink);background:#fffdf8;box-shadow:0 3px 10px #36312b1a}.status-filters button:focus-visible{outline:2px solid #a16b2f;outline-offset:2px}.align-button{min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#655e55;background:#fffdf8c7;font-size:13px;font-weight:700;cursor:pointer;transition:color .15s,background .15s,transform .15s}.align-button span{font-size:20px;line-height:1}.align-button:hover:not(:disabled){color:var(--ink);background:#fffdf8;transform:translateY(-1px)}.align-button:focus-visible{outline:2px solid #a16b2f;outline-offset:2px}.align-button:disabled{opacity:.38;cursor:not-allowed}.completed-dropzone{position:absolute;z-index:900;top:auto;right:14px;bottom:12px;min-width:250px;min-height:48px;padding:5px 10px 5px 8px;border:1.5px dashed rgba(76,119,96,.38);border-radius:13px;display:flex;align-items:center;gap:9px;color:#506b5c;background:#a9ddd124;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:border-color .18s,background .18s,transform .18s}.completed-dropzone.drag-over{border-color:#3d8769;background:#a9ddd175;transform:scale(1.025)}.dropzone-check{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#638d77;font-weight:800}.completed-dropzone>span:nth-child(2){display:grid;line-height:1.2}.completed-dropzone strong{font-size:13px}.completed-dropzone small{margin-top:3px;color:#82978c;font-size:10px}.completed-count{min-width:25px;height:25px;margin-left:auto;border-radius:99px;display:grid;place-items:center;color:#4f6f5e;background:#ffffffa6;font-size:12px;font-weight:800}.add-note-control{position:relative}.new-note-colors{position:absolute;z-index:2000;top:calc(100% + 10px);right:0;width:176px;padding:9px;border:1px solid var(--line);border-radius:16px;background:#fffdf8;box-shadow:0 16px 38px #2725222e}.new-note-colors[hidden]{display:none}.new-note-colors p{margin:3px 8px 7px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em}.new-color-option{width:100%;min-height:40px;padding:5px 8px;border:0;border-radius:10px;display:flex;align-items:center;gap:10px;color:var(--ink);background:transparent;font-size:14px;font-weight:600;cursor:pointer}.new-color-option:hover,.new-color-option:focus-visible{background:#f3efe6;outline:none}.color-swatch{width:22px;height:22px;border:1px solid rgba(50,45,37,.12);border-radius:50%;box-shadow:inset 0 1px #fff9}.color-yellow{background:#f8da73}.color-pink{background:#f3b7c7}.color-blue{background:#bcd2f3}.color-green{background:#a9ddd1}.board{position:relative;min-height:calc(100vh - 250px);overflow:hidden;border:1px solid var(--line);border-radius:28px;background-color:#fffdf7b8;background-image:radial-gradient(rgba(84,76,65,.19) 1px,transparent 1px);background-size:24px 24px;box-shadow:0 18px 50px #3f362912,inset 0 1px #fffc;touch-action:none}.board-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted);pointer-events:none;transition:opacity .2s}.board-empty.hidden{opacity:0}.empty-icon{color:#d7b374;font-size:38px}.board-empty p{margin:12px 0 5px;color:#5e5952;font-weight:600}.board-empty small{font-size:13px}.no-results{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted);pointer-events:none}.no-results[hidden]{display:none}.no-results span{color:#b3a99b;font-size:42px;line-height:1}.no-results p{margin:10px 0 0;font-size:14px;font-weight:600}.note{--note-color: #f8da73;--note-rotate: -.7deg;position:absolute;width:232px;height:196px;padding:42px 17px 16px;border-radius:4px 4px 13px;border:1px solid rgba(77,62,37,.07);background:linear-gradient(115deg,rgba(255,255,255,.17),transparent 42%),repeating-linear-gradient(0deg,rgba(70,55,30,.012) 0 1px,transparent 1px 4px),var(--note-color);box-shadow:1px 2px 2px #382d1c1a,4px 9px 13px #382d1c21,10px 18px 29px #382d1c17,inset 0 1px #ffffff57;overflow:hidden;transform:rotate(var(--note-rotate));transform-origin:50% 18%;transition:box-shadow .2s,transform .2s;-webkit-user-select:none;user-select:none}.note:nth-of-type(4n+1){--note-rotate: -.8deg}.note:nth-of-type(4n+2){--note-rotate: .65deg}.note:nth-of-type(4n+3){--note-rotate: -.35deg}.note:nth-of-type(4n){--note-rotate: .9deg}.note.arranging{transition:left .28s ease,top .28s ease,box-shadow .2s,transform .2s}.note.completed{filter:saturate(.45);opacity:.78}.note .note-text{text-decoration:none}.note.completed[data-completed=true] .note-text{color:#373126a8;text-decoration:line-through;text-decoration-thickness:1.5px}.note:after{content:"";position:absolute;right:0;bottom:0;width:20px;height:20px;background:linear-gradient(135deg,#00000017 0 48%,#ffffff5c 50%);border-radius:4px 0 13px;pointer-events:none}.note.dragging{z-index:1000!important;transform:rotate(1.5deg) scale(1.025);box-shadow:2px 8px 10px #382d1c21,12px 25px 38px #382d1c38;transition:box-shadow .2s,transform .2s}.note-handle{position:absolute;inset:0 0 auto;height:40px;cursor:grab;touch-action:none}.note-handle:before{content:"";position:absolute;left:50px;top:17px;width:20px;height:4px;border-radius:99px;background:#382f1e38;box-shadow:0 7px #382f1e38}.note.dragging .note-handle{cursor:grabbing}.note-color-picker{position:absolute;z-index:3;top:11px;left:79px;display:flex;gap:5px}.note-color-button{width:18px;height:18px;padding:0;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:var(--swatch-color);box-shadow:0 0 0 1px #37312624;cursor:pointer;transition:transform .15s,box-shadow .15s}.note-color-button:hover{transform:scale(1.16)}.note-color-button[aria-pressed=true]{box-shadow:0 0 0 2px #4d463b;transform:scale(1.08)}.note-color-button:focus-visible{outline:2px solid #4d463b;outline-offset:2px}.complete-button{position:absolute;z-index:4;top:7px;left:8px;width:34px;height:34px;padding:0;border:1.5px solid rgba(55,49,38,.26);border-radius:50%;display:grid;place-items:center;color:transparent;background:#ffffff40;font-size:18px;font-weight:800;cursor:pointer;transition:color .15s,background .15s,transform .15s}.complete-button:hover{transform:scale(1.08);background:#ffffff85}.complete-button[aria-pressed=true]{color:#fff;border-color:#567c68;background:#638d77;box-shadow:0 2px 6px #3a5a493b}.complete-button:focus-visible{outline:2px solid #4d463b;outline-offset:2px}.note-text{width:100%;height:100%;padding:0;resize:none;border:0;outline:0;color:#373126;background:transparent;font-family:Yuji Syuku,Yu Mincho,Hiragino Mincho ProN,serif;font-size:18px;font-weight:400;line-height:1.75;letter-spacing:.035em;-webkit-user-select:text;user-select:text}.note-text::placeholder{color:#37312678}.delete-button{position:absolute;z-index:2;top:8px;right:8px;width:34px;height:34px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:#37312694;background:#ffffff47;font-size:19px;cursor:pointer;transition:color .15s,background .15s,transform .15s}.delete-button:hover{color:#6e2d28;background:#ffffff94;transform:scale(1.06)}:root[data-theme=dark] body{background:radial-gradient(circle at 8% 8%,rgba(205,151,76,.09),transparent 28%),#171a1d}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .project-label{color:#d0a368}:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .search-box,:root[data-theme=dark] .status-toolbar,:root[data-theme=dark] .project-control>button,:root[data-theme=dark] .align-button{background:#24282ce0}:root[data-theme=dark] .search-box svg,:root[data-theme=dark] .search-count{color:#aaa69f;stroke:#aaa69f}:root[data-theme=dark] .search-box input::placeholder{color:#777d82}:root[data-theme=dark] .project-control select,:root[data-theme=dark] .status-filters button[aria-pressed=true],:root[data-theme=dark] .new-note-colors{color:var(--ink);background:#25292d}:root[data-theme=dark] .project-control>button,:root[data-theme=dark] .align-button,:root[data-theme=dark] .status-filters button{color:#aaa69f}:root[data-theme=dark] .project-control>button:hover,:root[data-theme=dark] .align-button:hover:not(:disabled),:root[data-theme=dark] .status-filters button[aria-pressed=true]{color:var(--ink);background:#30353a}:root[data-theme=dark] .status-filters{background:#ffffff12}:root[data-theme=dark] .add-button{color:#1d2023;background:#ece9e3;box-shadow:0 8px 20px #00000047}:root[data-theme=dark] .new-color-option:hover,:root[data-theme=dark] .new-color-option:focus-visible{background:#32373c}:root[data-theme=dark] .board{background-color:#1f2327e6;background-image:radial-gradient(rgba(225,220,210,.15) 1px,transparent 1px);box-shadow:0 18px 50px #0000003d,inset 0 1px #ffffff0a}:root[data-theme=dark] .board-empty p{color:#c4c0b9}:root[data-theme=dark] .completed-dropzone{color:#9fc5b1;background:#4b816924;border-color:#87bea566}:root[data-theme=dark] .completed-dropzone small{color:#829e91}:root[data-theme=dark] .completed-count{color:#b4d4c5;background:#00000038}@media(max-width:767px){.app{padding:18px 14px 14px}.app-header{height:auto;min-height:116px;margin-bottom:14px;flex-wrap:wrap;align-content:center;row-gap:12px}.app-header>div:first-child{width:100%}.header-actions{width:100%}.search-box{width:auto;min-height:48px;flex:1}.eyebrow{font-size:9px}h1{font-size:28px}.add-button{min-width:48px;min-height:48px;padding:0;justify-content:center}.add-button span:last-child{display:none}.new-note-colors{top:calc(100% + 8px)}.status-toolbar{align-items:stretch;flex-direction:column;padding:8px}.project-control{width:100%}.project-label{display:none}.project-control select{width:auto;flex:1;min-width:0;min-height:44px}.project-control>button{width:42px;height:42px;flex:0 0 42px}.status-filters{width:100%}.status-filters button{min-height:42px;padding:0 8px;flex:1}.align-button{width:100%;min-height:44px}.completed-dropzone{inset:auto 10px 10px auto;min-width:0;width:min(250px,calc(100% - 20px));min-height:54px}.board{min-height:max(430px,calc(100vh - 238px));border-radius:20px;background-size:20px 20px}.note{width:min(210px,calc(100vw - 44px));height:174px;padding:42px 15px 14px}.note-text{font-size:16px}.delete-button{width:38px;height:38px;top:5px;right:5px}.note-color-button{width:18px;height:18px}.note-color-picker{top:11px;left:70px;gap:4px}.note-handle:before{left:48px;width:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}