@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Yomogi&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#252722;background:#f4f1e8;font-synthesis:none;--ink: #252722;--muted: #777970;--line: rgba(45, 48, 40, .13);--green: #324d3a;--board-pad: clamp(16px, 3vw, 48px);--note-w: clamp(230px, 22vw, 276px);--note-h: 218px}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;overflow:hidden}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{height:100vh;display:flex;flex-direction:column}.topbar{height:104px;flex:0 0 104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4.5vw,72px);background:#faf8f2f5;border-bottom:1px solid var(--line);position:relative;z-index:50}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:700 22px DM Sans,sans-serif;width:fit-content}.brand-mark{width:27px;height:24px;position:relative;display:inline-block}.brand-mark i{position:absolute;width:14px;height:17px;border:2px solid var(--ink);border-radius:1px;background:#f9f7f0;transform:rotate(-9deg)}.brand-mark i:nth-child(2){left:7px;top:2px;transform:rotate(6deg);background:#f5b44d}.brand-mark i:nth-child(3){left:12px;top:6px;transform:rotate(12deg);background:#98c6a4}.board-info{text-align:center}.eyebrow{margin:0 0 4px;font:700 10px/1 DM Sans,sans-serif;letter-spacing:.19em;color:#909187}h1{font-size:20px;line-height:1.3;margin:0;letter-spacing:.03em}.add-button{justify-self:end;border:0;border-radius:12px;background:var(--green);color:#fff;min-height:46px;padding:0 20px;display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px #2c45332e;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.add-button span:first-child{font-size:22px;line-height:1;font-weight:400}.add-button:hover{background:#243d2d;transform:translateY(-2px);box-shadow:0 8px 18px #2c453338}.add-button:active{transform:translateY(0)}.header-actions{justify-self:end;display:flex;align-items:center;gap:9px}.theme-toggle{min-height:42px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:11px;background:transparent;color:#686b63;font-size:11px;font-weight:700;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.theme-toggle:hover{background:#324d3a12;color:var(--green)}.theme-icon{font-size:17px;line-height:1}.board-toolbar{flex:0 0 72px;min-height:72px;display:grid;grid-template-columns:minmax(310px,1fr) minmax(260px,460px) minmax(70px,1fr);align-items:center;gap:14px;padding:10px clamp(20px,4vw,64px);background:#faf8f2e0;border-bottom:1px solid var(--line);position:relative;z-index:40}.project-controls{display:flex;align-items:center;gap:5px;min-width:0}.project-select-wrap{width:min(230px,21vw);min-width:150px;height:48px;display:flex;flex-direction:column;justify-content:center;padding:5px 12px 6px;border:1px solid rgba(46,49,41,.14);border-radius:12px;background:#fffef9}.project-select-wrap>span{color:#95978f;font:700 8px DM Sans,sans-serif;letter-spacing:.16em;margin-bottom:1px}.project-select-wrap select{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;text-overflow:ellipsis}.project-action{height:40px;min-width:40px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:3px;border:0;border-radius:10px;background:transparent;color:#686b63;font-size:17px;cursor:pointer;transition:background .15s,color .15s}.project-action span{font-size:10px;font-weight:700}.project-action:hover{background:#324d3a17;color:var(--green)}.project-delete:hover{background:#97413817;color:#984b43}.project-align{color:var(--green)}.project-action:disabled{opacity:.32;cursor:not-allowed;background:transparent}.search-box{width:100%;max-width:460px;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(46,49,41,.14);border-radius:13px;background:#fffef9;box-shadow:0 2px 7px #2c2b240a;transition:border-color .18s,box-shadow .18s}.search-box:focus-within{border-color:#324d3a73;box-shadow:0 0 0 3px #324d3a14}.search-icon{width:15px;height:15px;flex:0 0 auto;border:1.8px solid #8b8d85;border-radius:50%;position:relative}.search-icon:after{content:"";width:6px;height:1.8px;border-radius:2px;background:#8b8d85;position:absolute;right:-5px;bottom:-2px;transform:rotate(45deg)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-box input::placeholder{color:#a0a199}.search-box input::-webkit-search-cancel-button{cursor:pointer}.search-count{min-width:52px;color:#74766e;font:700 12px DM Sans,Noto Sans JP,sans-serif;text-align:left;white-space:nowrap}.status-bar{flex:0 0 52px;min-height:52px;display:flex;align-items:center;justify-content:center;gap:4px;background:#faf8f2b8;border-bottom:1px solid var(--line);position:relative;z-index:39}.status-filter{min-height:34px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#7b7d75;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.status-filter:hover{color:var(--green);background:#324d3a0f}.status-filter.active{color:#fff;background:var(--green);box-shadow:0 4px 10px #324d3a29}.board{position:relative;flex:1;overflow:hidden;isolation:isolate;background:#1f352c;box-shadow:inset 0 10px 24px #08110d4d}.board:before{content:"";display:block;width:1px;height:0;pointer-events:none}.board-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(236,242,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(236,242,230,.035) 1px,transparent 1px),radial-gradient(circle at 18% 32%,rgba(240,244,232,.055) 0 1px,transparent 1.5px);background-size:32px 32px,32px 32px,13px 13px;-webkit-mask-image:linear-gradient(to bottom,#000 75%,#00000059);mask-image:linear-gradient(to bottom,#000 75%,#00000059)}.board:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% -20%,rgba(118,146,126,.22),transparent 58%),linear-gradient(105deg,transparent 12%,rgba(242,244,231,.018) 34%,transparent 52%),repeating-linear-gradient(172deg,transparent 0 7px,rgba(235,240,226,.012) 8px 9px);mix-blend-mode:screen}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;color:#eff1e599;transform:translateY(-3%);transition:opacity .2s}.empty-state.hidden{opacity:0}.empty-icon{width:58px;height:58px;display:grid;place-items:center;border:1px dashed rgba(241,242,229,.42);border-radius:16px;color:#f1f2e5b8;font-size:29px;margin-bottom:18px}.empty-state h2{color:#f5f5e8c7;font-size:17px;margin:0 0 8px;font-family:Yomogi,Noto Sans JP,sans-serif;font-weight:400}.empty-state p{font-size:13px;margin:0}.board-hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:8px;color:#eff1e57a;font-size:11px;white-space:nowrap;pointer-events:none}.mouse-icon{width:14px;height:18px;border:1.5px solid #aaa;border-radius:7px;position:relative}.mouse-icon:after{content:"";width:2px;height:4px;border-radius:2px;background:#aaa;position:absolute;top:3px;left:5px}.completion-zone{position:absolute;right:24px;bottom:20px;z-index:30;width:210px;min-height:74px;padding:13px 16px;display:flex;align-items:center;gap:12px;border:2px dashed rgba(241,243,230,.32);border-radius:16px;background:#0d1f177a;color:#f6f6e8e0;pointer-events:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.completion-zone.drag-over{transform:scale(1.04);border-color:#e7ebd8;background:#355240f0;box-shadow:0 10px 26px #050e0a59}.completion-zone-icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:18px}.completion-zone span:last-child{display:flex;flex-direction:column;gap:2px}.completion-zone strong{font-size:13px}.completion-zone small{color:#eef1e18c;font-size:10px}.note{position:absolute;width:var(--note-w);height:var(--note-h);border-radius:3px;padding:0 18px 16px;box-shadow:0 2px 2px #302b221f,0 10px 18px #302b2224,0 22px 34px #302b220f;transform:rotate(var(--tilt, 0deg));transform-origin:center;transition:box-shadow .18s,transform .18s;animation:note-in .22s cubic-bezier(.2,.8,.2,1);touch-action:none;isolation:isolate}.note:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 38%,rgba(63,52,34,.035)),radial-gradient(circle at 18% 25%,rgba(255,255,255,.12) 0 1px,transparent 1.5px);background-size:auto,9px 9px;mix-blend-mode:soft-light}.note:after{content:"";position:absolute;z-index:-2;left:5%;right:3%;bottom:2px;height:18px;border-radius:50%;background:#2d271f47;filter:blur(9px);transform:rotate(calc(var(--tilt, 0deg) * -1)) translateY(8px);pointer-events:none}@keyframes note-in{0%{opacity:0;transform:scale(.92) rotate(var(--tilt))}}.note.dragging{z-index:1000!important;transform:rotate(0) scale(1.025);box-shadow:0 5px 8px #2a282221,0 24px 42px #2a28223b;cursor:grabbing}.note.arranging{transition:left .32s cubic-bezier(.2,.75,.25,1),top .32s cubic-bezier(.2,.75,.25,1),box-shadow .18s,transform .18s}.note.completed{filter:saturate(.55);opacity:.72}.note.completed textarea{text-decoration:line-through;text-decoration-thickness:1.5px;color:#34362f9e}.note.completed .complete-button{border-color:var(--green);background:var(--green);color:#fff}.note.filtered-out{display:none}.note-header{height:42px;display:flex;align-items:center;justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;z-index:1}.drag-dots{width:21px;height:8px;opacity:.35;background-image:radial-gradient(currentColor 1.5px,transparent 1.5px);background-size:7px 7px}.note-actions{display:flex;align-items:center;gap:1px}.complete-button{width:34px;height:34px;display:grid;place-items:center;border:1.5px solid rgba(44,48,40,.35);background:#fff3;border-radius:50%;color:transparent;font-size:15px;font-weight:800;cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .16s}.complete-button:hover{border-color:var(--green);color:#324d3a80;transform:scale(1.05)}.color-button{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;cursor:pointer}.color-button:before{content:"";width:15px;height:15px;border-radius:50%;background:var(--swatch);border:2px solid rgba(255,255,255,.75);box-shadow:0 0 0 1px #23251f38}.color-button:hover{background:#ffffff4d}.delete-button{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;color:#23251f8c;font-size:21px;cursor:pointer;line-height:1;transition:background .15s,color .15s}.delete-button:hover{background:#ffffff61;color:#352f29}.note textarea{display:block;width:100%;height:calc(100% - 42px);resize:none;border:0;outline:0;background:transparent;color:#34362f;font-family:Yomogi,Noto Sans JP,sans-serif;font-size:17px;line-height:1.75;letter-spacing:.035em;padding:2px 1px;caret-color:#324d3a;position:relative;z-index:1}.note textarea::placeholder{color:#2d2f287a}.note-yellow{background:#f4d77d}.note-pink{background:#eeb8b1}.note-green{background:#a9c8ad}.note-blue{background:#aac8d6}.note-black{background:#343735;color:#fff}.note-black textarea{color:#f8f5eb;caret-color:#f4d77d}.note-black textarea::placeholder{color:#ffffff8c}.note-black .drag-dots{color:#fff;opacity:.55}.note-black .delete-button{color:#ffffffb8}.note-black .delete-button:hover,.note-black .color-button:hover{background:#ffffff1f;color:#fff}.note-black.completed textarea{color:#ffffff9e}.note-black .complete-button{border-color:#ffffff80}.note-black .complete-button:hover{border-color:#fff;color:#ffffffbf}.note-orange{background:#efad72}.color-popover{position:fixed;z-index:3000;width:220px;padding:16px;border:1px solid rgba(39,42,35,.12);border-radius:16px;background:#fffefafa;box-shadow:0 18px 46px #23241f33;transform-origin:top right;animation:palette-in .16s ease-out}.color-popover[hidden]{display:none}@keyframes palette-in{0%{opacity:0;transform:translateY(-5px) scale(.97)}}.color-popover p{margin:0 0 12px;color:#777970;font-size:11px;font-weight:700;letter-spacing:.08em}.color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.color-option{border:1px solid rgba(40,42,36,.1);border-radius:10px;background:#f7f5ef;min-height:54px;padding:7px 3px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#5b5e56;font-size:10px;cursor:pointer;transition:transform .14s,background .14s}.color-option:hover,.color-option:focus-visible{background:#fff;transform:translateY(-2px);outline:none}.color-option i{width:21px;height:21px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #1e201b33}.color-option.selected{box-shadow:inset 0 0 0 2px var(--green)}.modal-backdrop{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:20px;background:#21241f59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade .16s ease}.modal-backdrop[hidden]{display:none}@keyframes modal-fade{0%{opacity:0}}.project-modal-card{width:min(400px,100%);padding:26px;border-radius:20px;background:#fffdf7;box-shadow:0 28px 70px #1f211d47}.modal-eyebrow{margin:0 0 7px;color:#94968e;font:700 9px DM Sans,sans-serif;letter-spacing:.18em}.project-modal-card h2{margin:0;font-size:19px}.modal-description{min-height:20px;margin:8px 0 16px;color:#75776f;font-size:12px;line-height:1.6}.project-modal-card input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(45,48,40,.18);border-radius:11px;outline:0;background:#fff;color:var(--ink);font-size:16px}.project-modal-card input:focus{border-color:#324d3a8c;box-shadow:0 0 0 3px #324d3a14}.project-modal-card input[hidden]{display:none}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-actions button{min-height:44px;padding:0 16px;border:0;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}#project-modal-cancel{background:#eceae3;color:#666960}#project-modal-confirm{background:var(--green);color:#fff}#project-modal-confirm.danger{background:#994d45}html[data-theme=dark]{color-scheme:dark;--ink: #eeeae0;--muted: #aaa99f;--line: rgba(236,234,224,.13);background:#151816}html[data-theme=dark] body{color:#eeeae0;background:#151816}html[data-theme=dark] .topbar{background:#181c19f7}html[data-theme=dark] .brand{color:#f1eee5}html[data-theme=dark] .brand-mark i{border-color:#e8e5dc;background:#282c29}html[data-theme=dark] .brand-mark i:nth-child(2){background:#c88b39}html[data-theme=dark] .brand-mark i:nth-child(3){background:#60856a}html[data-theme=dark] .eyebrow{color:#858a83}html[data-theme=dark] .board-toolbar,html[data-theme=dark] .status-bar{background:#1c201df5}html[data-theme=dark] .project-select-wrap,html[data-theme=dark] .search-box{border-color:#efece224;background:#242925;box-shadow:none}html[data-theme=dark] .project-select-wrap select,html[data-theme=dark] .search-box input{color:#eeeae0}html[data-theme=dark] .project-select-wrap>span,html[data-theme=dark] .search-box input::placeholder{color:#878c85}html[data-theme=dark] .project-action,html[data-theme=dark] .search-count,html[data-theme=dark] .status-filter{color:#aaafa8}html[data-theme=dark] .project-action:hover,html[data-theme=dark] .status-filter:hover{color:#d9e7d9;background:#b8d3bb14}html[data-theme=dark] .project-align{color:#aac5ad}html[data-theme=dark] .status-filter.active{color:#182019;background:#a9c8ad}html[data-theme=dark] .theme-toggle{color:#d7d5cd}html[data-theme=dark] .theme-toggle:hover{color:#fff;background:#ffffff12}html[data-theme=dark] .board{background:#14271f;box-shadow:inset 0 12px 30px #0000006b}html[data-theme=dark] .color-popover,html[data-theme=dark] .project-modal-card{border-color:#ffffff1f;background:#242925;color:#eeeae0}html[data-theme=dark] .color-option{border-color:#ffffff1a;background:#303632;color:#d0d2cc}html[data-theme=dark] .color-option:hover{background:#39403b}html[data-theme=dark] .project-modal-card input{border-color:#ffffff26;background:#191d1a;color:#f0eee7}html[data-theme=dark] .modal-description,html[data-theme=dark] .color-popover p{color:#a9ada6}html[data-theme=dark] #project-modal-cancel{background:#3a403c;color:#d3d4cf}.toast{position:fixed;left:50%;bottom:28px;z-index:2000;transform:translate(-50%,20px);padding:10px 16px;border-radius:10px;background:#252722;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:.92;transform:translate(-50%)}@media(max-width:767px){:root{--note-w: min(260px, calc(100vw - 32px) );--note-h: 210px;--board-pad: 16px}.topbar{height:84px;flex-basis:84px;padding:0 16px;grid-template-columns:1fr auto}.brand{font-size:20px}.board-info{display:none}.add-button{min-width:48px;min-height:48px;padding:0 14px;border-radius:14px}.add-button span:last-child{display:none}.add-button span:first-child{font-size:26px}.header-actions{gap:7px}.theme-toggle{width:46px;min-height:46px;padding:0;justify-content:center}.theme-label{display:none}.board-toolbar{flex-basis:122px;min-height:122px;grid-template-columns:1fr 48px;grid-template-rows:52px 48px;padding:9px 16px;gap:5px 8px}.board{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.board:before{height:var(--board-content-height, 100%)}.project-controls{grid-column:1 / -1;width:100%}.project-select-wrap{flex:1;width:auto;min-width:0;height:48px}.project-action{width:40px;padding:0}.project-action span{display:none}.search-box{width:100%;height:46px;padding-inline:13px}.search-box input{font-size:16px}.search-count{min-width:48px;font-size:11px}.note{padding-left:16px;padding-right:16px}.note-header{height:46px}.delete-button,.color-button,.complete-button{width:40px;height:40px}.color-popover{width:224px}.status-bar{flex-basis:52px;min-height:52px}.status-filter{min-height:38px;padding-inline:15px}.completion-zone{right:12px;bottom:10px;width:174px;min-height:62px;padding:9px 12px}.completion-zone-icon{width:30px;height:30px}.note textarea{height:calc(100% - 46px);font-size:18px}.board-hint{display:none}}@media(min-width:768px)and (max-width:1100px){:root{--note-w: 244px}.topbar{padding-inline:32px}.board-toolbar{grid-template-columns:minmax(280px,1fr) minmax(220px,340px) 55px;padding-inline:24px;gap:8px}.project-select-wrap{width:132px;min-width:120px}.project-action{width:32px;min-width:32px;padding:0}.project-action span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}