@import"https://fonts.googleapis.com/css2?family=Yomogi&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24322d;background:#f4f1ea}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea{font:inherit}.app-shell{max-width:1480px;margin:0 auto;padding:34px clamp(20px,4vw,56px) 48px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{margin:0 0 5px;color:#76837d;font-size:.69rem;font-weight:800;letter-spacing:.14em}h1{margin:0;color:#20382d;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,5vw,4.25rem);line-height:.9;letter-spacing:-.05em}.subtitle{margin:12px 0 0;color:#65716b;font-size:.95rem}.add-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border:0;border-radius:999px;background:#2c624c;color:#fff;font-weight:750;box-shadow:0 7px 16px #2c624c33;cursor:pointer;transition:transform .18s ease,background .18s ease;white-space:nowrap}.add-button span{font-size:1.35rem;font-weight:400;line-height:1}.add-button:hover{background:#214c3a;transform:translateY(-2px)}.add-button:focus-visible,.note:focus-within{outline:3px solid #c1d8aa;outline-offset:3px}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.status-filters{display:flex;padding:3px;border:1px solid #d4d8d1;border-radius:999px;background:#fffdf8}.status-filter{min-height:34px;padding:5px 10px;border:0;border-radius:999px;background:transparent;color:#68746d;font-size:.78rem;font-weight:750;cursor:pointer}.status-filter:hover{background:#edf1e9}.status-filter.is-active{background:#2c624c;color:#fff;box-shadow:0 2px 6px #2c624c2e}.search-box{display:flex;align-items:center;width:min(230px,22vw);min-height:44px;padding:0 12px;border:1px solid #d4d8d1;border-radius:999px;background:#fffdf8;color:#6a756f}.search-icon{margin-right:6px;font-size:1.35rem;line-height:1;transform:rotate(-18deg)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#304038;font-size:.9rem}.search-box:focus-within{border-color:#6fa68a;box-shadow:0 0 0 3px #c1d8aa80}.search-count{min-width:48px;margin:0;color:#68746d;font-size:.78rem;font-weight:700;white-space:nowrap}.project-bar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px;padding:14px 16px;border:1px solid #ddd9cc;border-radius:16px;background:#fffdf8;box-shadow:0 5px 15px #5b4a2910}.project-select-wrap{display:grid;gap:5px;min-width:min(340px,100%)}.project-select-wrap label{color:#6f796f;font-size:.7rem;font-weight:800;letter-spacing:.08em}.project-select-wrap select{min-height:38px;padding:6px 30px 6px 10px;border:1px solid #cfd5cc;border-radius:8px;background:#fff;color:#2d4438;font-weight:700}.project-actions{display:flex;flex-wrap:wrap;gap:7px}.project-button{min-height:38px;padding:7px 11px;border:1px solid #cfd5cc;border-radius:8px;background:#fff;color:#43544a;font-size:.8rem;font-weight:750;cursor:pointer}.project-button:hover{background:#edf2e9}.project-button-primary{border-color:#2c624c;background:#2c624c;color:#fff}.project-button-primary:hover{background:#214c3a}.project-button-danger:hover{border-color:#c77d72;background:#fff2ef;color:#9a493c}.board-wrap{overflow:auto;border-radius:24px;box-shadow:0 12px 30px #52615a12}.board{position:relative;width:100%;height:clamp(530px,69vh,760px);min-width:700px;overflow:hidden;border:8px solid #8e592f;border-radius:24px;background-color:#bd7d47;background-image:radial-gradient(ellipse at 18% 26%,#e0a6696e 0 1px,transparent 2px),radial-gradient(ellipse at 74% 58%,#77451f55 0 1px,transparent 2px),radial-gradient(ellipse at 42% 80%,#f0bd7b42 0 1px,transparent 2px),radial-gradient(ellipse at 90% 15%,#6e3e1d3d 0 1px,transparent 2px),linear-gradient(120deg,#c98b51,#b97842 48%,#cc9055);background-size:11px 13px,17px 19px,23px 21px,29px 31px,100% 100%;box-shadow:inset 0 0 22px #4f2d1761,inset 0 0 2px #fff0c855}.empty-message{position:absolute;top:50%;left:50%;width:min(360px,80%);margin:0;color:#89928c;font-size:1rem;line-height:1.7;text-align:center;transform:translate(-50%,-50%)}.no-results-message{position:absolute;top:50%;left:50%;margin:0;color:#fff4da;font-size:1rem;font-weight:700;text-align:center;transform:translate(-50%,-50%)}.completed-dropzone{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;min-width:218px;padding:13px 15px;border:2px dashed #fff1ce9e;border-radius:14px;background:#5b321b3d;color:#fff7e3;box-shadow:inset 0 0 0 1px #4e291738;pointer-events:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.completed-dropzone strong,.completed-dropzone span{display:block}.completed-dropzone strong{font-size:.92rem}.completed-dropzone div span{margin-top:2px;color:#ffe8bc;font-size:.72rem}.completed-icon{display:grid!important;width:28px;height:28px;place-items:center;border:2px solid #fff3d6;border-radius:50%;font-size:1rem;font-weight:900}.completed-dropzone.is-drag-target{border-color:#fff;background:#315e3aab;transform:scale(1.03)}.board.has-notes .empty-message,.note.is-filtered-out{display:none}.note{position:absolute;display:flex;flex-direction:column;width:220px;height:190px;padding:0 16px 15px;border:1px solid #ffffff82;border-radius:3px 3px 16px;background:#fff0a5;box-shadow:3px 5px 2px #33423816,9px 14px 19px #3342382b;transform:rotate(var(--tilt, -1deg));transition:box-shadow .16s ease,transform .16s ease;touch-action:none}.note:after{position:absolute;right:0;bottom:0;width:22px;height:22px;border-radius:0 0 15px;background:linear-gradient(135deg,transparent 49%,#3b493422 50%);content:"";pointer-events:none}.note[data-color=yellow]{background:#fff0a5}.note[data-color=pink]{background:#f8cbd7}.note[data-color=blue]{background:#bfe6ed}.note[data-color=green]{background:#cfecc3}.note.dragging{z-index:10;cursor:grabbing;box-shadow:5px 8px 4px #3342381e,15px 22px 28px #24322d38;transition:none}.note.is-completed{filter:saturate(.58) brightness(.96)}.note.is-completed .note-text{color:#536157;text-decoration:line-through;text-decoration-thickness:1.5px}.note-topbar{display:flex;align-items:center;height:42px;margin:0 -8px;cursor:grab}.drag-handle{display:inline-flex;gap:3px;padding:12px 8px}.drag-handle i{width:3px;height:3px;border-radius:50%;background:#6a765f;box-shadow:0 5px #6a765f,0 10px #6a765f}.color-picker{display:flex;align-items:center;gap:5px;margin-left:auto;padding:4px;border-radius:999px;background:#ffffff52;cursor:default}.color-button{width:14px;height:14px;padding:0;border:1px solid #ffffffaa;border-radius:50%;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.color-button:hover,.color-button:focus-visible{transform:scale(1.2)}.color-button.is-selected{box-shadow:0 0 0 2px #3f4b3e}.color-yellow{background:#f4d849}.color-pink{background:#eb91aa}.color-blue{background:#6fc1d3}.color-green{background:#8cce7b}.complete-button{display:grid;width:27px;height:27px;margin-left:5px;place-items:center;border:1.5px solid #687565;border-radius:50%;background:#fff5;color:#40503c;font-size:.9rem;font-weight:900;cursor:pointer}.complete-button:hover,.complete-button:focus-visible{background:#ffffffb8}.note.is-completed .complete-button{border-color:#2e6a46;background:#2e6a46;color:#fff}.delete-button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:transparent;color:#65705c;font-size:1.4rem;line-height:1;cursor:pointer}.delete-button:hover,.delete-button:focus-visible{background:#ffffff80;color:#923f35}.note-text{flex:1;width:100%;min-height:0;padding:1px 0;resize:none;border:0;outline:0;background:transparent;color:#3f4b3e;font-family:Yomogi,Hiragino Maru Gothic ProN,Yu Gothic,cursive;font-size:1.12rem;font-weight:400;line-height:1.55;letter-spacing:.035em}.note-text::placeholder{color:#77836c}@media(max-width:767px){.app-shell{padding:25px 16px 30px}.app-header{align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:2.8rem}.subtitle{font-size:.9rem}.header-actions{display:grid;width:100%;grid-template-columns:1fr auto}.status-filters{grid-column:1 / -1;justify-content:space-between}.status-filter{flex:1;min-height:38px}.search-box{width:100%;min-height:48px}.search-count{align-self:center}.add-button{grid-column:1 / -1;width:100%;min-height:54px;font-size:1rem}.project-bar{align-items:stretch;flex-direction:column;padding:13px}.project-select-wrap{min-width:0}.project-actions{display:grid;grid-template-columns:repeat(2,1fr)}.project-button{min-height:43px;padding:6px;font-size:.75rem}.board-wrap{margin-right:-16px;margin-left:-16px;border-radius:0}.board{height:65vh;min-height:490px;min-width:560px;border-radius:0}.completed-dropzone{right:18px;bottom:18px;min-width:210px}.note{width:200px;height:180px}.note-topbar{height:46px}.color-picker{gap:7px}.color-button{width:19px;height:19px}.delete-button{width:40px;height:40px;font-size:1.55rem}.complete-button{width:34px;height:34px}.note-text{font-size:16px}}.theme-toggle{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:7px 11px;border:1px solid #cfd5cc;border-radius:999px;background:#fffdf8;color:#405147;font-size:.8rem;font-weight:750;cursor:pointer}.theme-toggle:hover{background:#edf2e9}.theme-icon{font-size:1.1rem;line-height:1}:root[data-theme=dark]{color:#e7f0e8;background:#17211d}:root[data-theme=dark] body{background:#17211d}:root[data-theme=dark] h1{color:#f1f7ec}:root[data-theme=dark] .eyebrow{color:#aebcaf}:root[data-theme=dark] .subtitle{color:#b7c4b7}:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .status-filters,:root[data-theme=dark] .search-box,:root[data-theme=dark] .project-bar{border-color:#3a4d43;background:#223129}:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .status-filter,:root[data-theme=dark] .search-box input,:root[data-theme=dark] .project-button,:root[data-theme=dark] .project-select-wrap select{color:#e6f0e5}:root[data-theme=dark] .theme-toggle:hover,:root[data-theme=dark] .status-filter:hover,:root[data-theme=dark] .project-button:hover{background:#30443a}:root[data-theme=dark] .search-count,:root[data-theme=dark] .project-select-wrap label{color:#b5c4b6}:root[data-theme=dark] .project-select-wrap select,:root[data-theme=dark] .project-button{border-color:#43574c;background-color:#263830}:root[data-theme=dark] .project-button-primary{border-color:#5f9e78;background:#397151;color:#fff}:root[data-theme=dark] .project-button-primary:hover,:root[data-theme=dark] .add-button{background:#397151}:root[data-theme=dark] .add-button:hover{background:#2f6146}:root[data-theme=dark] .board-wrap{box-shadow:0 12px 30px #00000042}:root[data-theme=dark] .board{border-color:#60391e;background-color:#89532d;background-image:radial-gradient(ellipse at 18% 26%,#d9985b4a 0 1px,transparent 2px),radial-gradient(ellipse at 74% 58%,#39200e66 0 1px,transparent 2px),radial-gradient(ellipse at 42% 80%,#e8ad6a32 0 1px,transparent 2px),radial-gradient(ellipse at 90% 15%,#2d180c5c 0 1px,transparent 2px),linear-gradient(120deg,#92582f,#7e4826 48%,#9d6136)}:root[data-theme=dark] .note{box-shadow:3px 5px 2px #00000024,9px 14px 19px #00000052}@media(max-width:767px){.theme-toggle{min-height:48px}}html.dark-theme,html.dark-theme body,html.dark-theme .app-shell{background:#17211d!important;color:#e7f0e8}html.dark-theme h1{color:#f1f7ec!important}html.dark-theme .eyebrow{color:#aebcaf!important}html.dark-theme .subtitle{color:#b7c4b7!important}html.dark-theme .theme-toggle,html.dark-theme .status-filters,html.dark-theme .search-box,html.dark-theme .project-bar{border-color:#3a4d43!important;background:#223129!important}html.dark-theme .theme-toggle,html.dark-theme .status-filter,html.dark-theme .search-box input,html.dark-theme .project-button,html.dark-theme .project-select-wrap select{color:#e6f0e5!important}html.dark-theme .project-select-wrap select,html.dark-theme .project-button{border-color:#43574c!important;background-color:#263830!important}html.dark-theme .theme-toggle:hover,html.dark-theme .status-filter:hover,html.dark-theme .project-button:hover{background:#30443a!important}html.dark-theme .search-count,html.dark-theme .project-select-wrap label{color:#b5c4b6!important}html.dark-theme .project-button-primary,html.dark-theme .add-button{border-color:#5f9e78!important;background:#397151!important;color:#fff!important}html.dark-theme .board{border-color:#60391e!important;background-color:#89532d!important;background-image:radial-gradient(ellipse at 18% 26%,#d9985b4a 0 1px,transparent 2px),radial-gradient(ellipse at 74% 58%,#39200e66 0 1px,transparent 2px),radial-gradient(ellipse at 42% 80%,#e8ad6a32 0 1px,transparent 2px),radial-gradient(ellipse at 90% 15%,#2d180c5c 0 1px,transparent 2px),linear-gradient(120deg,#92582f,#7e4826 48%,#9d6136)!important}