@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Yomogi&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#303c37;background:#f6f5f1;font-synthesis:none;font-weight:400;--green:#355c47}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #477e67;outline-offset:4px}.app-header{height:88px;padding:0 5%;border-bottom:1px solid #e3e5df;display:flex;align-items:center;gap:32px;background:#fafaf7}.brand{display:flex;align-items:center;text-decoration:none;color:#2d4739;font-size:32px;font-weight:700;letter-spacing:-2px}.brand-dot{color:#7b9b63}.brand-icon{display:block;width:26px;height:28px;background:#688465;border-radius:3px 3px 10px;margin-right:11px;transform:rotate(-8deg);box-shadow:4px 4px #d8e1cf}.header-label{font-size:10px;letter-spacing:2px;color:#969d93}.local-badge{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#6f786f}.local-badge span{width:6px;height:6px;background:#7f9c71;border-radius:50%}main{max-width:1600px;margin:auto;padding:49px 5% 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#819079;margin:0 0 14px;font-weight:600}h1{font-size:30px;letter-spacing:2px;font-weight:600;margin:0 0 13px}.description{font-size:12px;line-height:1.9;color:#7c847b;margin:0}.mobile-break{display:none}.toolbar{display:flex;align-items:center;gap:23px;margin-top:28px}.color-picker{display:flex;gap:6px}.swatch{width:32px;height:36px;border:0;background:transparent;padding:5px;display:grid;place-items:center}.swatch span{width:22px;height:22px;background:var(--note-color);border:1px solid #0000000c;border-radius:50%}.swatch[aria-pressed=true] span{outline:1.5px solid #697b67;outline-offset:4px}.add-button{border:0;background:var(--green);color:#fff;border-radius:7px;height:46px;padding:0 21px;white-space:nowrap;font-size:12px;box-shadow:0 3px 5px #355c4715;display:flex;align-items:center;gap:10px}.add-button:hover{background:#274b38}.add-button span{font-size:22px;font-weight:400}.board-shell{border:1px solid #dedfd7;border-radius:12px;overflow:hidden;background:#fcfcf9;box-shadow:0 5px 16px #39463604}.board-bar{height:53px;padding:0 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e7df;background:#fdfdfa;font-size:12px}.board-bar>div{display:flex;align-items:center;gap:10px;font-weight:500}.board-dot{width:7px;height:7px;background:#7f937a;border-radius:2px}#note-count{font-size:10px;color:#90978d;margin-left:7px;font-weight:400}#save-status{font-size:10px;color:#8a9384}#board-viewport{overflow:auto;max-height:70vh;min-height:420px}#board{position:relative;min-height:490px;background-image:radial-gradient(#dce0d5 1px,transparent 1px);background-size:20px 20px;isolation:isolate}.board-footer{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;border-top:1px solid #e6e7df;font-size:10px;color:#979e91}.board-footer span span{font-size:16px;vertical-align:middle;margin-right:6px}.page-footer{display:flex;justify-content:space-between;gap:12px;padding:22px 0 28px;font-size:10px;color:#9ca395}.page-footer>span:first-child{font-family:Georgia,serif;font-style:italic;font-size:13px}.note{position:absolute;width:228px;height:218px;background:var(--note-color);border-radius:3px 3px 12px;box-shadow:2px 5px 9px #353b2910;display:flex;flex-direction:column;transition:box-shadow .15s}.note:after{content:"";position:absolute;bottom:0;right:0;width:17px;height:17px;border-radius:0 0 10px;background:#00000005;pointer-events:none}.note.dragging{box-shadow:4px 12px 20px #353b2926;z-index:10}.note-head{height:44px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 6px 0 12px;cursor:grab;touch-action:none}.note-head:active{cursor:grabbing}.drag-handle{background:transparent;border:0;color:#555b4759;height:40px;flex:1;text-align:left;cursor:grab;touch-action:none;font-size:19px;letter-spacing:2px}.delete-note{width:40px;height:40px;border:0;color:#6168538c;background:transparent;border-radius:5px;font-size:21px}.delete-note:hover{background:#00000009;color:#614738}.note textarea{background:transparent;border:0;resize:none;outline:none;flex:1;min-height:0;width:100%;padding:4px 20px 20px;font-size:14px;line-height:1.9;color:#484e40}.note:focus-within{outline:1px solid #66785d55;outline-offset:2px}.note textarea::placeholder{color:#67705366}#empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;pointer-events:none}#empty-state[hidden]{display:none}.empty-icon{display:grid;place-items:center;width:57px;height:60px;background:#eeefd6;color:#b1b79a;border-radius:4px 4px 15px;transform:rotate(-8deg);font-size:26px;margin-bottom:19px;box-shadow:3px 4px #e7eadf}#empty-state h2{font-size:15px;font-weight:500;color:#8a9381;margin:0 0 10px}#empty-state p{font-size:11px;color:#a0a694;margin:0}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);padding:13px 20px;background:#344e3e;color:#fff;border-radius:8px;font-size:12px;max-width:90%;z-index:20}.note{transform:rotate(var(--note-tilt, -1.3deg)) scale(.975);transform-origin:center;background-image:linear-gradient(175deg,#ffffff16 0%,transparent 35%,#00000004 100%);box-shadow:1px 2px 3px #353b2914,3px 7px 12px #353b2921}.note.dragging{box-shadow:2px 4px 6px #353b291a,5px 13px 20px #353b2930}.note textarea{font-family:Yomogi,Noto Sans JP,sans-serif;font-size:18px;line-height:1.85;font-weight:400}@media(min-width:1500px){#board{min-height:570px}}@media(max-width:1000px){.header-label{display:none}.intro{align-items:flex-start;flex-direction:column}.toolbar{margin-top:0;width:100%;justify-content:space-between}main{padding-top:32px}.intro{gap:22px;margin-bottom:24px}}@media(max-width:540px){.app-header{height:70px;padding:0 20px}.brand{font-size:28px}.local-badge{font-size:9px}main{padding:28px 16px 0}h1{font-size:23px;letter-spacing:1px}.eyebrow{font-size:8px;letter-spacing:1.6px}.description{font-size:11px}.mobile-break{display:initial}.toolbar{gap:8px}.color-picker{gap:0}.swatch{width:33px;height:44px}.swatch span{width:20px;height:20px}.add-button{height:46px;padding:0 14px;font-size:11px;gap:4px}.board-bar{padding:0 14px}.board-footer{padding:10px 12px;font-size:9px;flex-wrap:wrap;gap:5px}.page-footer{font-size:9px;flex-wrap:wrap}.note{width:228px;height:218px}.note-head{height:48px}.delete-note{width:44px;height:44px}.drag-handle{height:44px}.note textarea{font-size:18px}#board-viewport{min-height:400px;max-height:65vh}#board{min-height:440px}}.brand{font-size:24px;letter-spacing:.04em;white-space:nowrap}@media(max-width:540px){.brand{font-size:21px}.app-header{gap:16px}}.theme-toggle,#move-mode{min-height:44px;padding:8px 12px;border:1px solid #d5dbd0;border-radius:7px;background:#f5f7f1;color:#355c47;font-size:12px;white-space:nowrap}.theme-toggle:hover,#move-mode:hover{background:#e8eedf}#move-mode[aria-pressed=true]{background:#355c47;color:#fff;border-color:#355c47}.board-bar{min-height:60px;height:auto;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;gap:8px}.board-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}#board-viewport{scrollbar-gutter:stable;overscroll-behavior:contain}.move-mode .note,.move-mode .note textarea{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.move-mode .note.dragging,.move-mode .note.dragging textarea{cursor:grabbing}.drag-handle{color:#606b50;font-size:15px;letter-spacing:0}:root[data-theme=dark]{color-scheme:dark;background:#181e1c;color:#e2e9df;--green:#507960}[data-theme=dark] .app-header{background:#1e2622;border-color:#354239}[data-theme=dark] .brand{color:#e2ecd9}[data-theme=dark] .brand-icon{box-shadow:4px 4px #3f5143}[data-theme=dark] .header-label,[data-theme=dark] .local-badge,[data-theme=dark] .description,[data-theme=dark] .eyebrow,[data-theme=dark] .page-footer,[data-theme=dark] .board-footer,[data-theme=dark] #note-count,[data-theme=dark] #save-status{color:#a9b8aa}[data-theme=dark] .board-shell{background:#202923;border-color:#3b493e}[data-theme=dark] .board-bar{background:#263129;border-color:#3b493e}[data-theme=dark] #board{background-image:radial-gradient(#3e4d41 1px,transparent 1px)}[data-theme=dark] .board-footer{border-color:#3b493e}[data-theme=dark] .theme-toggle,[data-theme=dark] #move-mode{background:#29382e;border-color:#53664f;color:#e2ecd9}[data-theme=dark] .theme-toggle:hover,[data-theme=dark] #move-mode:hover{background:#3b5040}[data-theme=dark] #move-mode[aria-pressed=true]{background:#d6e6c6;color:#203527}[data-theme=dark] .swatch[aria-pressed=true] span{outline-color:#d6e6c6}[data-theme=dark] .note{color-scheme:light;box-shadow:1px 3px 5px #0004,4px 9px 16px #0005}[data-theme=dark] .note.dragging{box-shadow:3px 6px 10px #0005,6px 15px 24px #0007}[data-theme=dark] #empty-state h2,[data-theme=dark] #empty-state p{color:#afbfaa}[data-theme=dark] .empty-icon{background:#344637;color:#b7c9a6;box-shadow:3px 4px #2b382d}@media(max-width:540px){.app-header{height:auto;min-height:76px;flex-wrap:wrap;padding:14px 20px;gap:8px 12px}.theme-toggle{margin-left:auto}.local-badge{order:3;width:100%;margin-left:0}.board-bar{padding-left:12px;padding-right:12px}.board-actions{gap:8px!important}#move-mode{font-size:11px;padding:8px}}