@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#303e43;background:#f7f8fa;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #408c83;outline-offset:4px}.topbar{height:88px;border-bottom:1px solid #e6e9ea;display:flex;align-items:center;padding:0 5%;gap:38px;background:#fff}.brand{display:flex;align-items:center;gap:11px;color:#2e4543;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:3px}.brand-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#e8f0ec;font-size:35px;line-height:1;transform:rotate(-7deg)}.brand-en{display:block;font-size:8px;letter-spacing:2px;margin-top:1px}.app-label{font-size:10px;letter-spacing:1.8px;color:#96a09f}.saved{margin-left:auto;color:#83918c;font-size:11px;display:flex;align-items:center;gap:8px}.saved>span,.small-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#84a897}.saved.error{color:#a34848}main{max-width:1500px;padding:54px 5% 22px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#899992;margin-bottom:11px}h1{font-size:30px;font-weight:600;letter-spacing:2px;margin:0 0 12px}.intro p{font-size:12px;color:#8a959b;margin:0;line-height:1.9}.add-button{border:0;background:#416e60;color:#fff;border-radius:9px;padding:13px 21px;display:flex;align-items:center;gap:11px;font-size:12px;box-shadow:0 3px 7px #33534615;white-space:nowrap;min-height:46px}.add-button:hover{background:#345b4f}.add-button>span{font-size:21px;font-weight:400}.board-shell{border:1px solid #e0e5e5;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 4px 14px #253e3910}.board-toolbar{min-height:65px;padding:12px 25px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #e8ebeb}.board-title{font-size:12px;font-weight:500;display:flex;align-items:center;gap:10px;white-space:nowrap}.grid-icon{color:#7b8e87;font-size:22px}#note-count{font-size:10px;background:#eff2f1;color:#82918b;padding:3px 7px;border-radius:5px}.board-hint{font-size:10px;color:#a0aaa9;display:flex;align-items:center;gap:6px}.board-hint>span{font-size:17px}.palette{margin-left:auto;display:flex;gap:3px}.color-choice{width:32px;height:36px;border:0;background:none;padding:7px;display:grid;place-items:center}.color-choice>span{width:17px;height:17px;border-radius:50%;background:var(--swatch);border:1px solid #00000008}.color-choice[aria-pressed=true]>span{outline:1px solid #8a9991;outline-offset:4px}.board-viewport{height:560px;overflow:auto;overscroll-behavior:contain;background:#fbfcfc;background-image:radial-gradient(#cfd8d5 .8px,transparent .8px);background-size:20px 20px}.board{position:relative;min-height:100%;width:100%}.note{position:absolute;width:232px;height:224px;border-radius:3px;background:var(--note-bg);box-shadow:1px 5px 10px #35463c12;border:1px solid #00000003;display:flex;flex-direction:column;transition:box-shadow .15s}.note:hover,.note:focus-within{box-shadow:1px 7px 16px #35463c22}.note.dragging{box-shadow:0 14px 25px #35463c30;z-index:1000!important}.note-header{height:42px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding-left:15px;cursor:grab;touch-action:none;border-bottom:1px solid #00000004;color:#606b5740}.note-header:active{cursor:grabbing}.drag-handle{font-size:17px;letter-spacing:2px}.delete-note{width:42px;height:42px;background:none;border:0;font-size:19px;color:#5b635365;border-radius:5px}.delete-note:hover{color:#964c46;background:#ffffff45}.note textarea{padding:13px 18px 8px;border:0;background:transparent;color:#4b5149;font:400 15px/1.9 Noto Sans JP,sans-serif;resize:none;outline:none;width:100%;flex:1;min-height:0}.note textarea::placeholder{color:#73796990}.note-bottom{padding:6px 17px 11px;font-size:9px;letter-spacing:.7px;color:#69776165;pointer-events:none}.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;color:#93a099;pointer-events:none;min-height:400px}.empty-state[hidden]{display:none}.empty-icon{font-size:29px;background:#edf2ef;border:1px solid #e0e8e2;border-radius:10px;width:62px;height:65px;display:grid;place-items:center;transform:rotate(-8deg);margin-bottom:15px}.empty-state h2{font-size:16px;font-weight:500}.empty-state p{font-size:11px;line-height:1.8}.board-footer{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;color:#99a5a0;font-size:9px;border-top:1px solid #e8ebeb}.small-dot{width:5px;height:5px;margin-right:6px}.page-footer{display:flex;justify-content:space-between;font-size:10px;color:#99a2a7;padding-top:20px;gap:16px}.lock{margin-left:6px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);padding:12px 20px;background:#314b43;color:#fff;border-radius:9px;font-size:12px;z-index:2000;max-width:90%;width:max-content}.toast button{margin-left:16px;color:#fff;background:none;border:0;text-decoration:underline;min-height:32px}@media(min-width:1600px){.board-viewport{height:640px}}@media(max-width:850px){.topbar{padding:0 28px;height:76px}.app-label{display:none}main{padding:35px 28px 20px}.board-toolbar{padding:10px 15px;gap:16px}.board-hint{font-size:9px}.board-viewport{height:600px}.note{width:216px}h1{font-size:27px}}@media(max-width:540px){.topbar{height:72px;padding:0 20px}.brand{font-size:22px}.saved{font-size:9px;gap:5px}main{padding:30px 16px 20px}.intro{display:block;margin-bottom:22px}h1{font-size:26px;letter-spacing:1px}.eyebrow{font-size:8px;letter-spacing:1.4px}.intro p{font-size:11px}.add-button{margin-top:21px;width:100%;justify-content:center;min-height:48px}.board-toolbar{padding:10px 12px;flex-wrap:wrap;gap:6px;min-height:68px}.board-hint{display:none}.color-choice{width:30px;height:44px;padding:6px}.board-title{font-size:11px;gap:6px}.palette{gap:0}.board-viewport{height:510px}.note{width:calc(100% - 32px);max-width:280px;height:230px}.note-header{height:46px}.delete-note{height:46px;width:46px}.note textarea{font-size:17px}.board-footer{padding:0 12px;font-size:8px}.page-footer{flex-direction:column;align-items:center;font-size:9px;gap:9px;line-height:1.7}.empty-state h2{font-size:14px}.empty-state p{font-size:10px}}.board-viewport{background-color:#e3cba8;background-image:radial-gradient(#a08059 .8px,transparent .8px)}.empty-state{color:#897354}.empty-icon{background:#efdfc6;border-color:#cfb48d}.brand{font-size:23px;letter-spacing:.3px;white-space:nowrap}@media(max-width:540px){.topbar{gap:12px;padding-inline:16px}.brand{font-size:19px;gap:8px}.brand-icon{width:32px;height:32px;font-size:29px;flex-shrink:0}}.search-toolbar{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid #e8ebeb;background:#fff}.search-toolbar label{font-size:11px;color:#64776e;white-space:nowrap}.search-toolbar input{font:inherit;font-size:14px;min-width:0;width:100%;max-width:360px;height:44px;border:1px solid #dce3df;border-radius:7px;padding:0 12px;background:#f8faf9;color:#303e43}.search-toolbar input:focus{outline:2px solid #408c83;outline-offset:1px}.search-toolbar button{min-height:44px;padding:0 12px;border:1px solid #dce3df;border-radius:7px;background:#fff;color:#416e60;white-space:nowrap;font-size:12px}.search-toolbar button:disabled{opacity:.4;cursor:default}.note[hidden]{display:none}@media(max-width:540px){.search-toolbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.search-toolbar label{width:100%}.search-toolbar input{flex:1;font-size:16px}}.status-filters{display:flex;gap:6px;padding:12px 24px 0;background:#fff}.status-filters button{min-height:44px;padding:0 20px;border:1px solid #dce3df;border-radius:7px;background:#fff;color:#64776e;font-size:12px}.status-filters button[aria-pressed=true]{background:#416e60;border-color:#416e60;color:#fff}.completed-drop{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:12px 16px;padding:14px 18px;min-height:64px;border:2px dashed #aac2b2;border-radius:9px;background:#f2f7f3;color:#50745e}.completed-drop strong{font-size:13px}.completed-drop span{font-size:11px}#completed-count{margin-left:auto;white-space:nowrap}.completed-drop.drag-active{border-color:#416e60;background:#e7f2e9}.completed-drop.drag-over{background:#cce5d3;border-style:solid;box-shadow:0 0 0 3px #416e6030}.complete-note{background:transparent;border:0;color:#5b6857;min-height:42px;padding:0 10px;font-size:11px;margin-left:auto}.complete-note:hover{background:#ffffff60}.note.completed{background:color-mix(in srgb,var(--note-bg) 45%,#eef2ee);border:1px solid #83a18b}.note.completed textarea{color:#647268;text-decoration:line-through;text-decoration-color:#839c8a}.note.completed .complete-note{color:#2d6744;font-weight:700}@media(max-width:540px){.status-filters{padding:12px 12px 0}.status-filters button{flex:1;padding:0 12px}.completed-drop{margin:10px 12px;padding:10px 12px;gap:6px 8px}.completed-drop strong{font-size:12px}.completed-drop span{font-size:10px}.complete-note{min-height:46px}}.note{clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.note:after{content:"";position:absolute;right:0;bottom:0;width:18px;height:18px;background:linear-gradient(135deg,#ffffffb3,#6756302e);border-radius:3px 0 0;box-shadow:-2px -2px 4px #54422329;pointer-events:none}.project-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}.project-toolbar label{font-size:12px;color:#64776e}.project-toolbar select{min-width:0;flex:1;max-width:360px;height:44px;border:1px solid #dce3df;border-radius:7px;padding:0 12px;background:#fff;color:#303e43;font:inherit;font-size:14px}.project-actions{display:flex;gap:8px}.project-actions button,.arrange-toolbar button{min-height:44px;padding:0 12px;border:1px solid #dce3df;border-radius:7px;background:#fff;color:#416e60;font-size:12px}.project-actions #delete-project{color:#96594e}.project-toolbar select:focus-visible{outline:2px solid #408c83;outline-offset:2px}@media(max-width:540px){.project-toolbar label{width:100%}.project-toolbar select{flex-basis:100%;max-width:none;font-size:16px}.project-actions{width:100%}.project-actions button{flex:1;padding:0 8px}}.board-drop-row{display:flex;justify-content:flex-end;padding:12px 16px 16px;background-color:#e3cba8;background-image:radial-gradient(#a08059 .8px,transparent .8px);background-size:20px 20px}.board-drop-row .completed-drop{margin:0;width:320px;max-width:100%}@media(max-width:540px){.board-drop-row{padding:10px 12px 12px}.board-drop-row .completed-drop{width:280px}}.arrange-toolbar{display:flex;align-items:center;gap:10px;padding:12px 24px 0}.project-actions button:hover:enabled,.search-toolbar button:hover:enabled,.arrange-toolbar button:hover:enabled{background:#edf3ef}.arrange-toolbar button:disabled{opacity:.4;cursor:default}.arrange-toolbar span{font-size:11px;color:#83918c}@media(max-width:540px){.arrange-toolbar{padding:12px 12px 0}}.theme-toggle{min-height:44px;padding:0 12px;flex-shrink:0;border:1px solid #dce3df;border-radius:7px;background:#fff;color:#416e60;font-size:12px}.theme-toggle:hover{background:#edf3ef}:root[data-theme=dark]{color-scheme:dark;background:#191f23;color:#e3e9e6}[data-theme=dark] .topbar,[data-theme=dark] .board-shell,[data-theme=dark] .status-filters,[data-theme=dark] .search-toolbar{background:#242d31;border-color:#3b484c}[data-theme=dark] .brand{color:#e1eee7}[data-theme=dark] .brand-icon{background:#34483f}[data-theme=dark] .board-toolbar,[data-theme=dark] .board-footer{border-color:#3b484c}[data-theme=dark] .project-toolbar select,[data-theme=dark] .project-actions button,[data-theme=dark] .arrange-toolbar button,[data-theme=dark] .search-toolbar button,[data-theme=dark] .search-toolbar input,[data-theme=dark] .status-filters button,[data-theme=dark] .theme-toggle{background:#303b40;border-color:#52615f;color:#d6e5dc}[data-theme=dark] .status-filters button[aria-pressed=true],[data-theme=dark] .add-button{background:#4a7c66;color:#fff;border-color:#65967f}[data-theme=dark] .project-actions #delete-project{color:#efb2a7}[data-theme=dark] .project-actions button:hover:enabled,[data-theme=dark] .arrange-toolbar button:hover:enabled,[data-theme=dark] .search-toolbar button:hover:enabled,[data-theme=dark] .theme-toggle:hover{background:#3e5149}[data-theme=dark] .saved,[data-theme=dark] .app-label,[data-theme=dark] .intro p,[data-theme=dark] .eyebrow,[data-theme=dark] .project-toolbar label,[data-theme=dark] .search-toolbar label,[data-theme=dark] .arrange-toolbar span,[data-theme=dark] .board-hint,[data-theme=dark] .board-footer,[data-theme=dark] .page-footer{color:#b0beb7}[data-theme=dark] .saved.error{color:#ffb3a9}[data-theme=dark] #note-count{color:#d2e2d7;background:#3a4b42}[data-theme=dark] .board-viewport,[data-theme=dark] .board-drop-row{background-color:#443c31;background-image:radial-gradient(#89765b .8px,transparent .8px)}[data-theme=dark] .empty-state{color:#d2c3aa}[data-theme=dark] .empty-icon{background:#574c3c;border-color:#89765b}[data-theme=dark] .completed-drop{background:#293e32;border-color:#719881;color:#d2e8d9}[data-theme=dark] .completed-drop.drag-active{background:#34513f}[data-theme=dark] .completed-drop.drag-over{background:#446c52;border-color:#a3d6b6}[data-theme=dark] .note{color-scheme:light;background:color-mix(in srgb,var(--note-bg) 83%,#817560)}[data-theme=dark] .note.completed{background:color-mix(in srgb,var(--note-bg) 35%,#b1bcb2)}@media(max-width:1100px){.topbar{gap:16px}.app-label{display:none}}@media(max-width:540px){.topbar{height:auto;min-height:108px;flex-wrap:wrap;gap:8px 12px;padding-block:12px}.topbar .brand{margin-right:auto}.theme-toggle{order:1;font-size:11px}.saved{order:2;flex-basis:100%;margin-left:0;justify-content:flex-end}}