@import"https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap";:root{font-family:Yu Gothic,Meiryo,sans-serif;color:#343c37;background:#f5f3ed;font-synthesis:none;--line:#d9ddd4;--green:#365c49}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button,select,input{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:inherit;padding:9px 13px}button{font-size:12px;font-weight:600}button:hover{background:#e9eee6}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #597c69;outline-offset:3px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#284735}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 4%;border-bottom:1px solid var(--line);gap:20px}.logo{font:italic 33px Georgia,serif;color:#365c49;text-decoration:none;letter-spacing:-1px}.logo span{display:block;font:10px Yu Gothic,sans-serif;letter-spacing:1px;color:#747e73;margin-top:8px}.local-label{font-size:11px;color:#64765f}main{max-width:1600px;margin:auto;padding:45px 4% 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:2px;color:#667d68;font-weight:700;margin:0 0 15px}h1{font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:.06em;margin:0 0 14px}.subtitle{font-size:12px;line-height:1.9;color:#7a8075;margin:0}.project-tools label{font-size:9px;letter-spacing:2px;display:block;margin-bottom:9px;color:#71816d}.project-row{display:flex;gap:6px;flex-wrap:wrap}.project-row select{max-width:220px;min-width:130px}.muted{color:#8a6159}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;background:#eaece4;border:1px solid #e1e4da;border-radius:14px}.tabs{display:flex;gap:3px;background:#dfe4d9;padding:4px;border-radius:9px}.tabs button{border:0;background:transparent;min-height:38px}.tabs button[aria-pressed=true]{background:#fffdf8;box-shadow:0 2px 4px #28382b12}.search{display:flex;align-items:center;flex:1;min-width:190px;background:#fffdf8;border:1px solid var(--line);border-radius:8px}.search input{min-width:0;width:100%;border:0;background:transparent}.search output{font-size:11px;white-space:nowrap;padding:0 12px;color:#7b8175}.add-tools{display:flex;gap:8px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 18px}.board-heading h2{font-size:17px;margin:0;overflow-wrap:anywhere}.board-heading>span{font-size:10px;color:#7d8378}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;align-items:start}.lane{min-width:0;border:1px solid var(--line);border-radius:14px;background:#f0eee6;overflow:hidden}.done-lane{background:#eaf0e6;border-style:dashed}.lane-heading{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.lane-heading h3{font-size:13px;margin:0}.lane-heading>span{font-size:8px;letter-spacing:1.5px;color:#87917e}.canvas{position:relative;min-height:440px;background-image:radial-gradient(#b8c0af80 .8px,transparent .8px);background-size:20px 20px}.empty{padding:60px 25px;text-align:center;font-size:12px;color:#899080;line-height:2;margin:0;pointer-events:none}.note{position:absolute;width:220px;height:234px;padding:0 16px 12px;background:var(--note-color);box-shadow:2px 5px 7px #393c2920,0 18px 17px -17px #393c2970;transform:rotate(var(--tilt));border-radius:2px 2px 15px;display:flex;flex-direction:column}.note.yellow{--note-color:#f6e7a0}.note.pink{--note-color:#f2cfd0}.note.blue{--note-color:#cee3ed}.note.green{--note-color:#d5e5bf}.note.is-done{filter:saturate(.65)}.note.is-done textarea{text-decoration:line-through;text-decoration-color:#596a4e90}.note-top{display:flex;align-items:center;justify-content:space-between;height:42px;flex-shrink:0;gap:4px}.drag-handle{flex:1;min-height:40px;touch-action:none;cursor:grab;border:0;background:transparent;letter-spacing:3px;color:#5e604b;padding:0;font-size:18px}.note-top button:not(.drag-handle){background:transparent;border:0;padding:0;min-width:32px;min-height:36px;font-size:17px}.note textarea{resize:none;background:transparent;border:0;outline-offset:0;width:100%;flex:1;min-height:0;padding:2px 0;color:#414435;font-family:Klee One,Segoe Print,Yu Gothic,cursive;font-size:17px;line-height:1.7}.note-bottom{display:flex;align-items:center;gap:7px;padding-top:8px}.swatch{width:22px;min-width:22px;height:22px;min-height:22px;padding:0;border-radius:50%;border:1px solid #5553;background:var(--note-color)}.swatch[aria-pressed=true]{outline:2px solid #5e6856;outline-offset:2px}.note.is-dragging{position:fixed;z-index:1000;pointer-events:none;transform:rotate(0);box-shadow:4px 15px 30px #343c3733}.drop-target{outline:3px dashed #6b8b60;outline-offset:-5px}#notice{font-size:12px;color:#6e755f;min-height:24px;margin-top:20px}footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.2px;color:#838a7a;padding:24px 0 30px;border-top:1px solid var(--line)}footer span{letter-spacing:0}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;width:min(420px,calc(100% - 32px));box-shadow:0 20px 80px #24372b30}dialog::backdrop{background:#26382d50}dialog h2{font-size:22px;margin:0 0 25px}dialog label{display:block;font-size:12px;margin-bottom:9px}dialog input{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:1050px){.intro{align-items:flex-start;flex-direction:column}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.board-heading>span{max-width:220px;line-height:1.7}.note-top button:not(.drag-handle){min-height:44px}.swatch{min-width:30px;width:30px;min-height:30px;height:30px}}@media(max-width:600px){.header{padding:20px}.logo{font-size:29px}.local-label{font-size:9px}main{padding:30px 18px 0}.intro{margin-bottom:24px}.subtitle{font-size:11px}.project-tools{width:100%}.project-row select{flex:1;min-width:0;max-width:none}.project-row button{padding-inline:10px}.toolbar{padding:12px;gap:10px}.tabs{width:100%}.tabs button{flex:1;min-height:44px}.search{flex-basis:calc(100% - 80px);min-width:0}.add-tools{width:100%}.add-tools select{flex:1;min-width:0}.add-tools button{flex:1}.workspace{grid-template-columns:1fr;gap:22px}.board-heading{align-items:flex-start;flex-direction:column;gap:7px}.board-heading>span{max-width:none;font-size:9px}.canvas{min-height:290px}.lane-heading{padding:16px}.note{height:248px}.note-top{height:48px}.note-top button:not(.drag-handle){min-width:40px}.drag-handle{min-height:48px}footer{flex-direction:column;font-size:8px}.swatch{min-height:32px;height:32px;min-width:32px;width:32px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}.note:not(.is-dragging){transition:box-shadow .2s}}