:root{font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#293247;background:#f7f8fa;font-synthesis:none;--yellow:#fff0af;--pink:#fbdce4;--blue:#dcecff;--green:#ddf0dc}*{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 #5475dc;outline-offset:4px}.header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8ebf0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#263149;font-size:25px;font-weight:750;letter-spacing:3px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;background:#eef0fc;color:#6676b7;border-radius:12px;font-size:31px;transform:rotate(-5deg)}.brand-sub{display:block;font-size:9px;letter-spacing:2px;color:#9a9fad;margin-top:2px}.local-badge{font-size:12px;color:#7d8593;display:flex;align-items:center;gap:8px}.local-badge>span{width:6px;height:6px;border-radius:50%;background:#75a68c}main{max-width:1536px;margin:auto;padding:49px 5% 20px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:33px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#8e98b0;margin:0 0 13px;font-weight:600}h1{font-size:30px;letter-spacing:1px;font-weight:650;margin:0 0 13px}.description{font-size:13px;color:#87909f;line-height:1.8;margin:0}.actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.palette{display:flex;gap:2px;padding:0;border:0;margin:0}.swatch{width:38px;height:44px;border:0;background:transparent;position:relative}.swatch:before{content:"";position:absolute;inset:11px 8px;border-radius:50%;background:var(--note-color);border:1px solid #00000009}.swatch.selected:after{content:"";position:absolute;inset:6px 3px;border:1.5px solid #9298a7;border-radius:50%}.yellow{--note-color:var(--yellow)}.pink{--note-color:var(--pink)}.blue{--note-color:var(--blue)}.green{--note-color:var(--green)}.add-button{height:48px;border:0;background:#303e5c;color:#fff;border-radius:9px;padding:0 20px;font-size:13px;font-weight:600;box-shadow:0 3px 6px #25385413;display:flex;align-items:center;gap:8px}.add-button:hover{background:#425479}.add-button>span{font-size:23px;font-weight:300}.board-shell{border:1px solid #e1e5ed;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #2b385604}.board-toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #e8ebf0;font-size:12px;font-weight:600}.count{margin-left:8px;display:inline-grid;place-items:center;min-width:23px;height:21px;border-radius:6px;background:#f0f2f6;color:#87909e;font-size:10px}#save-status{font-size:11px;color:#89988e;font-weight:400}.board{position:relative;min-height:520px;background-color:#fcfcfd;background-image:radial-gradient(#dfe3eb 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}.empty[hidden]{display:none}.empty-art{position:relative;width:130px;height:110px;margin-bottom:20px}.empty-art i{position:absolute;width:66px;height:74px;border-radius:3px;box-shadow:1px 5px 12px #3842510b;left:32px;top:14px;transform:rotate(-15deg);background:var(--blue)}.empty-art i:nth-child(2){left:57px;top:14px;transform:rotate(12deg);background:var(--pink)}.empty-art i:nth-child(3){left:38px;top:29px;transform:rotate(-3deg);background:var(--yellow);font-style:normal;font-size:28px;display:grid;place-items:center;color:#c8ad62}.empty h2{font-size:17px;font-weight:550;letter-spacing:.5px;margin:0 0 11px}.empty p{font-size:12px;color:#9299a7;margin:0 0 22px}.empty-button{border:1px solid #dee3ed;border-radius:8px;background:#fff;color:#63708a;padding:12px 17px;font-size:12px;min-height:44px}.board-footer{border-top:1px solid #e8ebf0;padding:15px 22px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9199a7}.separator{margin:0 10px}.footnote{text-align:center;color:#a6adba;font-size:10px;letter-spacing:1px;margin-top:22px}.note{position:absolute;width:240px;height:224px;background:var(--note-color);border-radius:3px 3px 16px;box-shadow:2px 5px 9px #33405b12;border:1px solid #00000005;display:flex;flex-direction:column}.note:focus-within{box-shadow:2px 7px 15px #33405b20}.note.dragging{z-index:100;box-shadow:3px 12px 20px #33405b25}.note-header{height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;cursor:grab;touch-action:none;padding-left:14px;color:#0004;-webkit-user-select:none;user-select:none}.note-header:active{cursor:grabbing}.grip{font-size:20px;letter-spacing:2px}.delete-note{width:44px;height:44px;border:0;background:transparent;color:#0005;font-size:22px;border-radius:6px}.delete-note:hover{background:#00000009;color:#633b3b}.note textarea{width:100%;flex:1;min-height:0;resize:none;border:0;background:transparent;outline:none;font-family:inherit;font-size:14px;line-height:1.8;padding:0 18px 18px;color:#414650}.note textarea::placeholder{color:#0005}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@font-face{font-family:Yomogi;src:url(/fonts/Yomogi-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.note{border-radius:1px 2px 5px;background-image:linear-gradient(to bottom,#00000006 0px,#00000006 32px,#ffffff12 33px,transparent 70px,#ffffff26 100%);transform:rotate(var(--note-tilt, -1.2deg));transform-origin:center;box-shadow:1px 2px 3px #493e2710,3px 8px 10px -4px #493e2730}.note:focus-within{box-shadow:1px 2px 4px #493e2715,4px 10px 14px -4px #493e2738}.note.dragging{box-shadow:2px 5px 8px #493e2718,6px 16px 20px -5px #493e2740}.note-palette{display:flex;justify-content:flex-end;gap:0;border:0;border-top:1px solid #00000008;margin:0 10px;padding:0;min-width:0;flex-shrink:0}.note-color{position:relative;width:44px;height:44px;flex-shrink:0;background:transparent;border:0;border-radius:6px}.note-color:before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--note-color);border:1px solid #0003}.note-color[aria-pressed=true]:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#394459;font-size:14px;font-weight:700}.note-color:hover{background:#ffffff40}.note textarea{font-family:Yomogi,cursive;font-size:18px;line-height:1.7;letter-spacing:.02em}@media(min-width:1600px){.board{min-height:620px}}@media(max-width:1000px){.intro{align-items:flex-start;flex-direction:column;gap:22px}.actions{align-self:flex-end}main{padding-top:34px}.board{min-height:540px}}@media(max-width:540px){.header{height:74px;padding:0 20px}.brand{font-size:22px}.local-badge{font-size:10px;gap:5px}main{padding:30px 16px 16px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:25px}.description{font-size:12px;max-width:290px}.intro{gap:20px;margin-bottom:22px}.actions{width:100%;justify-content:space-between;gap:8px}.swatch{width:36px}.add-button{padding:0 14px}.board-toolbar{padding:0 16px;height:52px}.board{min-height:500px}.board-footer{padding:12px 14px;font-size:9px;line-height:1.8}.board-footer>span:last-child{display:none}.separator{margin:0 4px}.empty h2{font-size:14px}.empty p{font-size:11px}.note textarea{font-size:16px}.footnote{font-size:9px;letter-spacing:0}.note-header{height:48px}}[hidden]{display:none!important}.filters{display:flex;gap:6px;padding:14px 20px;border-bottom:1px solid #e8ebf0}.project-toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e8ebf0;flex-wrap:wrap}.project-toolbar label{font-size:12px;color:#687388}#project-select{flex:1;min-width:100px;max-width:360px;width:100%;height:44px;padding:0 12px;border:1px solid #dce1ea;border-radius:8px;background:#fff;color:#303e5c;font:inherit;font-size:14px;text-overflow:ellipsis}.project-actions{display:flex;gap:8px;flex-wrap:wrap}.project-actions button{min-height:44px;padding:0 12px;border:1px solid #e1e5ed;border-radius:8px;background:#f7f8fa;color:#53617a;font-size:12px}.project-actions button:hover{background:#edf0f6}#delete-project{color:#a75c61}@media(max-width:540px){.project-toolbar{gap:10px;padding:14px 16px}.project-actions{width:100%}.project-actions button{flex:1}}.board-tools{display:flex;align-items:center;gap:12px}#align-notes{min-height:44px;padding:0 12px;border:1px solid #e1e5ed;border-radius:8px;background:#fff;color:#53617a;font-size:12px}#align-notes:hover{background:#f1f3f7}@media(max-width:540px){.board-tools{gap:8px}#align-notes{padding:0 8px}.board-tools #save-status{font-size:9px}}.filters button{min-height:44px;flex:0 1 110px;border:0;border-radius:8px;background:#f1f3f7;color:#687388}.filters button[aria-pressed=true]{background:#303e5c;color:#fff}.complete-note{min-height:44px;border:0;border-radius:6px;padding:0 8px;background:transparent;color:#53624e;font-size:11px}.complete-note:hover{background:#ffffff60}.is-done textarea{text-decoration:line-through;color:#697368}.is-done .complete-note{font-weight:700;color:#347251}.completed-zone{padding:24px;background:#f2f7f2;border-top:2px dashed #aec9b2}.completed-zone h2{margin:0;font-size:16px;color:#427153}.completed-zone h2 span{font-size:12px;margin-left:8px}.completed-zone p{font-size:12px;color:#758a79;line-height:1.7}.completed-notes{display:flex;flex-wrap:wrap;gap:24px;padding:14px 0}.completed-notes .note{position:relative;left:auto!important;top:auto!important;flex-shrink:0}.completed-notes .note-header{cursor:default}.drop-target{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:200;width:min(360px,calc(100% - 32px));padding:20px;text-align:center;border:2px dashed #6d9d79;border-radius:12px;background:#eef8edf5;color:#356d47;box-shadow:0 8px 30px #263c3026;pointer-events:none}.drop-target small{display:block;margin-top:6px}.drop-target.drop-hover{background:#ccebcf;border-style:solid}@media(max-width:540px){.completed-zone{padding:20px}.completed-notes{justify-content:center}}.board{background-color:#c79a65;background-image:linear-gradient(90deg,#784a28aa,transparent 20px,transparent calc(100% - 20px),#784a2877),linear-gradient(#75492355,transparent 20px,transparent calc(100% - 20px),#75492344),radial-gradient(ellipse at 20% 35%,#79502c55 0 1px,transparent 2px),radial-gradient(ellipse at 70% 60%,#f2d3a16b 0 1.5px,transparent 2.5px),radial-gradient(ellipse at 40% 80%,#895c3440 0 1px,transparent 2px),radial-gradient(ellipse at 85% 20%,#ead0a859 0 2px,transparent 3px),repeating-linear-gradient(115deg,#b8885215 0 2px,transparent 2px 7px);background-size:100% 100%,100% 100%,7px 11px,13px 9px,17px 19px,23px 29px,100% 100%;box-shadow:inset 0 0 18px #62401f40}.board:after{content:"";position:absolute;inset:0;z-index:110;pointer-events:none;border:12px solid #a97643;border-image:repeating-linear-gradient(7deg,#8d5b32,#ac7948,#bb8953 6px,#9d6b3c 8px,#b48049 13px) 12;box-shadow:inset 0 0 0 1px #f5d39b88,inset 0 3px 6px #4d2e2566}.board .empty h2{color:#513b28}.board .empty p{color:#705136}.board .empty-button{background:#fff8e9;border-color:#a77949;color:#65472f;box-shadow:0 2px 4px #66432420}@media(max-width:540px){.header{height:auto;min-height:96px;flex-wrap:wrap;gap:10px;padding:14px 20px}.brand{font-size:20px;letter-spacing:1px}.local-badge{margin-left:auto}}.header-controls{display:flex;align-items:center;gap:18px}#theme-toggle{min-height:44px;padding:0 14px;border:1px solid #dce1ea;border-radius:9px;background:#f7f8fa;color:#42516c;font:inherit;font-size:12px;white-space:nowrap}[data-theme=dark]{background:#181d26;color:#e2e8f1}[data-theme=dark] .header,[data-theme=dark] .board-shell{background:#222a36;border-color:#3b4759}[data-theme=dark] .brand{color:#e6edf7}[data-theme=dark] .brand-icon{background:#35425e;color:#b9caff}[data-theme=dark] .brand-sub,[data-theme=dark] .eyebrow,[data-theme=dark] .description,[data-theme=dark] .local-badge,[data-theme=dark] .footnote,[data-theme=dark] .board-footer{color:#aebbd0}[data-theme=dark] .project-toolbar,[data-theme=dark] .filters,[data-theme=dark] .board-toolbar,[data-theme=dark] .board-footer{border-color:#3b4759}[data-theme=dark] #theme-toggle,[data-theme=dark] #project-select,[data-theme=dark] .project-actions button,[data-theme=dark] #align-notes,[data-theme=dark] .filters button,[data-theme=dark] .count{background:#303b4c;color:#dce6f5;border-color:#506078}[data-theme=dark] .project-toolbar label{color:#afbed3}[data-theme=dark] #delete-project{color:#ffb6b6}[data-theme=dark] .filters button[aria-pressed=true],[data-theme=dark] .add-button{background:#aac1f0;color:#17243d}[data-theme=dark] .add-button:hover{background:#c2d4f8}[data-theme=dark] #save-status{color:#b2d6bc}[data-theme=dark] .completed-zone{background:#24382e;border-color:#688c71}[data-theme=dark] .completed-zone h2,[data-theme=dark] .completed-zone p{color:#bed9c6}[data-theme=dark] .drop-target{background:#263e30f5;color:#dbefdd;border-color:#9dcc9f}[data-theme=dark] .drop-target.drop-hover{background:#3c6249}[data-theme=dark] .note{color-scheme:light}[data-theme=dark] .swatch.selected:after{border-color:#dce6f5}@media(max-width:540px){.header-controls{width:100%;justify-content:space-between;gap:10px}.header-controls .local-badge{margin-left:0}}