@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Nunito+Sans:wght@400;600;700;800&family=Yomogi&display=swap";:root{color:#2e3931;background:#f5f2e9;font-family:Nunito Sans,system-ui,sans-serif}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip;background:radial-gradient(circle at 15% 10%,#fffdf6 0 13%,transparent 35%),#f5f2e9}button,textarea,select{font:inherit}.app-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:48px 0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.app-header>*{min-width:0}.eyebrow{margin:0 0 5px;color:#9a7e55;font:500 11px/1 DM Mono,monospace;letter-spacing:.14em}h1{margin:0;font-size:clamp(30px,4vw,44px);line-height:1;letter-spacing:-.055em}.add-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:0;border-radius:999px;padding:0 20px;color:#fffdf8;background:#435f50;box-shadow:0 7px 15px #2e42341d;font-weight:800;cursor:pointer;transition:transform .16s,background .16s}.add-button span{font-size:24px;font-weight:400;line-height:.6}.add-button:hover{background:#314b3d;transform:translateY(-2px)}.new-note-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;border:1px solid #cfc6b4;border-radius:999px;padding:0 13px;color:#536056;background:#fffdf8;font-size:13px;font-weight:800;cursor:pointer}.theme-toggle span:first-child{font-size:17px;line-height:1}.theme-toggle:hover{background:#ebe8de}.align-button{min-height:40px;border:1px solid #cfc6b4;border-radius:999px;padding:0 14px;color:#536056;background:#fffdf8;font-size:13px;font-weight:800;cursor:pointer}.align-button:hover{background:#ebe8de}.color-picker select{min-height:38px;border:1px solid #d1c7b2;border-radius:10px;padding:0 9px;color:#4b5047;background:#fffdf8;font-size:13px;font-weight:700;cursor:pointer}.add-button:focus-visible,.theme-toggle:focus-visible,.align-button:focus-visible,.delete-button:focus-visible,.note-content:focus-visible,.color-picker select:focus-visible{outline:3px solid #ebaf4c;outline-offset:3px}.project-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid #ddd6c8;border-radius:15px;background:#fffdf8aa}.project-select{display:grid;gap:5px;min-width:min(310px,100%);color:#837d70;font:500 10px/1 DM Mono,monospace;letter-spacing:.08em}.project-select select{min-height:38px;border:1px solid #cfc5b2;border-radius:9px;padding:0 9px;color:#39483d;background:#fffdf8;font:800 14px/1 Nunito Sans,sans-serif;cursor:pointer}.project-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.project-button{min-height:34px;border:1px solid #d8d1c3;border-radius:8px;padding:0 10px;color:#596257;background:#fffdf8;font-size:12px;font-weight:800;cursor:pointer}.project-button:hover{background:#f1eee5}.project-delete{color:#9b4b42}.project-button:focus-visible,.project-select select:focus-visible{outline:3px solid #ebaf4c;outline-offset:2px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.status-filter{display:inline-flex;gap:5px;margin-bottom:14px;padding:4px;border-radius:12px;background:#e8e3d6}.filter-button{min-height:34px;border:0;border-radius:8px;padding:0 14px;color:#777368;background:transparent;font-size:13px;font-weight:800;cursor:pointer}.filter-button.is-active{color:#324a3c;background:#fffdf8;box-shadow:0 2px 6px #594b3020}.filter-button:focus-visible,.complete-button:focus-visible{outline:3px solid #ebaf4c;outline-offset:2px}.search-field{display:flex;align-items:center;gap:8px;width:min(360px,100%);min-height:42px;border:1px solid #d9d4c8;border-radius:12px;padding:0 12px;background:#fffdf8}.search-icon{color:#8e887c;font-size:25px;line-height:1;transform:rotate(-15deg)}.search-field input{width:100%;min-width:0;border:0;outline:0;color:#39433c;background:transparent;font-size:14px;font-weight:700}.search-field input::placeholder{color:#a8a294}.note-count{flex:0 0 auto;margin:0;color:#7c786e;font:500 12px/1 DM Mono,monospace}.board-wrap{border:1px solid #d9d4c8;border-radius:24px;padding:11px;background:#e9e5da;box-shadow:0 12px 35px #736a5814}.board{position:relative;height:min(680px,calc(100vh - 190px));min-height:460px;overflow:hidden;border-radius:15px;background-color:#fbfaf5;background-image:radial-gradient(#dcd8cc 1px,transparent 1px);background-size:22px 22px}.board-hint{position:absolute;inset:50% auto auto 50%;width:min(280px,calc(100% - 48px));margin:0;transform:translate(-50%,-50%);color:#8f8b82;text-align:center;font-size:16px;line-height:1.65;pointer-events:none}.sticky-note{position:absolute;display:flex;flex-direction:column;width:240px;height:185px;padding:10px 14px 14px;border:1px solid #e6cc7c;border-radius:3px 3px 18px;background:#fff0a8;box-shadow:3px 4px #8f76251c,7px 13px 18px #473b1c24;transform:rotate(-1.1deg);touch-action:none;transition:box-shadow .18s,transform .18s}.sticky-note[hidden]{display:none}.sticky-note:nth-of-type(2n){transform:rotate(1deg)}.sticky-note:nth-of-type(3n){transform:rotate(-.45deg)}.sticky-note[data-color=pink]{background:#ffcfc2;border-color:#eeaa9a}.sticky-note[data-color=blue]{background:#cce6fa;border-color:#9cbfdb}.sticky-note[data-color=green]{background:#cfeecb;border-color:#a7d19d}.sticky-note.is-dragging{z-index:2;transform:rotate(1.5deg) scale(1.025);box-shadow:8px 14px 25px #6958143d;cursor:grabbing}.sticky-note.is-complete{filter:saturate(.55);opacity:.72}.sticky-note.is-complete .note-content{color:#6a7166;text-decoration:line-through;text-decoration-thickness:1.5px}.note-topbar{display:flex;align-items:center;justify-content:space-between;min-height:28px;cursor:grab;-webkit-user-select:none;user-select:none}.note-actions{display:flex;align-items:center;gap:2px}.complete-button{width:29px;height:29px;border:1px solid #967f3d66;border-radius:50%;padding:0;color:#8a7336;background:#ffffff73;font-size:16px;font-weight:800;line-height:1;cursor:pointer}.sticky-note.is-complete .complete-button{border-color:#3f7652;color:#fff;background:#4d895e}.note-color-picker select{min-height:28px;max-width:76px;padding:0 5px;border-color:#00000012;border-radius:7px;background:#ffffff80;font-size:11px}.grip{display:grid;grid-template-columns:repeat(3,3px);gap:3px;padding:8px;margin-left:-8px}.grip i{width:3px;height:3px;border-radius:50%;background:#9d8543}.delete-button{width:30px;height:30px;border:0;border-radius:50%;color:#806c39;background:transparent;font-size:24px;line-height:1;cursor:pointer}.delete-button:hover{color:#8a322c;background:#ffffff7a}.note-content{width:100%;flex:1;resize:none;border:0;padding:5px 0 0;color:#3e422f;background:transparent;font-family:Yomogi,Hiragino Maru Gothic ProN,cursive;font-size:18px;font-weight:400;line-height:1.5;letter-spacing:.025em}.note-content::placeholder{color:#9e925d;opacity:1}.note-content:focus{outline:none}.completion-zone{position:absolute;right:20px;bottom:20px;z-index:0;display:flex;align-items:center;gap:13px;width:min(310px,calc(100% - 40px));min-height:102px;border:2px dashed #b9c4b2;border-radius:18px;padding:18px 22px;color:#5c705f;background:#edf3e9e8;pointer-events:none;transition:border-color .16s,background .16s,transform .16s}.completion-zone.is-target{border-color:#568063;background:#dcecd7;transform:scale(1.01)}.completion-zone-icon{display:grid;width:38px;height:38px;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#6b9974;font-size:21px;font-weight:800}.completion-zone h2{margin:0 0 3px;font-size:16px}.completion-zone p{margin:0;color:#7d897d;font-size:13px}body[data-theme=dark]{color:#e4e8df;background:radial-gradient(circle at 15% 10%,#354239 0 10%,transparent 35%),#19221d}body[data-theme=dark] .eyebrow{color:#d1b27d}body[data-theme=dark] .theme-toggle,body[data-theme=dark] .align-button,body[data-theme=dark] .project-button,body[data-theme=dark] .project-select select,body[data-theme=dark] .color-picker select,body[data-theme=dark] .search-field{border-color:#59655a;color:#e3e9df;background:#2a352e}body[data-theme=dark] .theme-toggle:hover,body[data-theme=dark] .align-button:hover,body[data-theme=dark] .project-button:hover{background:#354239}body[data-theme=dark] .project-toolbar{border-color:#4b574d;background:#263129}body[data-theme=dark] .project-select{color:#b9c4b8}body[data-theme=dark] .search-field input{color:#e4e9e0}body[data-theme=dark] .search-field input::placeholder{color:#9ca99d}body[data-theme=dark] .note-count{color:#b3beb1}body[data-theme=dark] .status-filter{background:#303b33}body[data-theme=dark] .filter-button{color:#c4cdc2}body[data-theme=dark] .filter-button.is-active{color:#e6f0e2;background:#4a6853;box-shadow:none}body[data-theme=dark] .board-wrap{border-color:#4b574d;background:#303a32;box-shadow:none}body[data-theme=dark] .board{background-color:#263029;background-image:radial-gradient(#4c584d 1px,transparent 1px)}body[data-theme=dark] .board-hint{color:#b5c0b4}body[data-theme=dark] .completion-zone{border-color:#667d69;color:#d4e1d3;background:#314336e8}body[data-theme=dark] .completion-zone.is-target{border-color:#9ccba2;background:#3c5941}body[data-theme=dark] .completion-zone p{color:#afc2b0}@media(max-width:767px){.app-shell{width:min(100% - 28px,640px);padding:24px 0}.app-header{align-items:flex-start;margin-bottom:20px}.project-toolbar{align-items:stretch}.status-filter{margin-bottom:11px}.new-note-controls{gap:7px}.theme-toggle{min-height:50px;padding:0 10px}.align-button{min-height:50px;padding:0 11px}.new-color-picker select{min-height:50px;max-width:84px;padding:0 5px;font-size:12px}.add-button{min-height:50px;padding:0 14px;font-size:14px;white-space:nowrap}.board-wrap{padding:7px;border-radius:17px}.board-toolbar{margin-bottom:10px}.board{height:max(500px,calc(100dvh - 260px));min-height:500px;border-radius:11px}.completion-zone{right:12px;bottom:12px;width:calc(100% - 24px);min-height:86px;padding:13px 16px}.sticky-note{width:min(240px,calc(100vw - 58px));height:190px;padding:12px 16px 15px}.note-topbar{min-height:34px}.delete-button{width:38px;height:38px;font-size:27px}.complete-button{width:34px;height:34px}.note-color-picker select{min-height:34px}.note-content{font-size:16px}}@media(max-width:600px){.app-header{gap:14px;margin-bottom:16px}.project-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}.project-select{min-width:0}.project-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}.project-button{min-width:0;padding:0 6px}.board-toolbar{align-items:stretch}.search-field{width:auto;flex:1 1 auto}}@media(max-width:420px){.app-header{gap:12px}.project-toolbar{gap:10px;padding:11px}.project-button{padding:0 5px;font-size:11px}.new-note-controls{flex-direction:column;align-items:stretch;gap:5px}.theme-toggle,.align-button{min-height:32px}.new-color-picker select{width:100%;min-height:32px}.status-filter{display:flex;width:100%}.filter-button{flex:1;padding:0 6px}.board-toolbar{gap:9px}.note-count{align-self:center;white-space:nowrap}.search-field{min-height:44px}h1{font-size:31px}.add-button{gap:5px;padding:0 12px}.add-button span{font-size:21px}}