@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Klee+One:wght@400;600&family=Noto+Sans+JP:wght@400;500;600&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#292b2d;background:#f3efe5;font-synthesis:none;--ink: #292b2d;--orange: #e8592a;--board: #e8e2d4;--toolbar: rgba(250, 248, 242, .96);--line: #d4cdbc;--control: #fff;--muted: #69665f}:root[data-theme=dark]{color-scheme:dark;color:#f0eee8;background:#17191b;--ink: #f0eee8;--board: #24282b;--toolbar: rgba(27,29,31,.97);--line: #484b4c;--control: #303336;--muted: #b8b5ae}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow:hidden}button,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toolbar{min-height:136px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:76px 48px;align-items:center;gap:24px;background:var(--toolbar);border-bottom:1px solid var(--line);position:relative;z-index:10}.project-bar{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;gap:8px;padding-top:2px;border-top:1px solid var(--line)}.project-bar label{margin-right:2px;color:var(--muted);font-size:.78rem;font-weight:600}.project-bar select{min-width:190px;max-width:300px;height:36px;padding:0 34px 0 11px;border:1px solid var(--line);border-radius:7px;background:var(--control);color:var(--ink);font-weight:600}.project-bar button{min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:var(--control);color:var(--ink);font-size:.78rem;font-weight:600;cursor:pointer}.project-bar button:hover{border-color:#9f9685;background:#f6f2e9}.project-bar .project-delete{color:#a13a27}.project-bar button:disabled{opacity:.4;cursor:not-allowed}.brand{display:flex;align-items:center;gap:12px;font-family:DM Sans,sans-serif;font-weight:700;font-size:1.18rem;letter-spacing:-.02em}.brand-mark{width:26px;height:26px;background:#ffd85e;box-shadow:inset -5px -5px #e0a01e2b,2px 3px #282b2d;transform:rotate(-3deg)}.theme-toggle{display:grid;place-items:center;width:36px;height:36px;margin-left:3px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--control);font:600 1.05rem DM Sans,sans-serif;cursor:pointer;transition:transform .18s ease}.theme-toggle:hover{transform:rotate(10deg)}.theme-toggle:focus-visible{outline:3px solid #4798d9;outline-offset:2px}.search-area{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:7px;width:clamp(210px,24vw,330px);height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--control);color:var(--muted)}.search-box span{font-size:1.4rem;line-height:1;transform:rotate(-15deg)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:.92rem}.search-box:focus-within{border-color:#176eb5;box-shadow:0 0 0 2px #176eb52e}.search-count{min-width:64px;color:var(--muted);font-family:DM Sans,Noto Sans JP,sans-serif;font-size:.82rem;white-space:nowrap}.filter-tabs{display:flex;padding:3px;border-radius:8px;background:color-mix(in srgb,var(--control) 70%,var(--line))}.filter-tabs button{min-height:34px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:600;white-space:nowrap;cursor:pointer}.filter-tabs button[aria-pressed=true]{color:var(--ink);background:var(--control);box-shadow:0 1px 4px #0000002e}.filter-tabs button:focus-visible{outline:3px solid #176eb5;outline-offset:1px}.add-button{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 20px;border:0;border-radius:8px;color:#fff;background:var(--orange);box-shadow:0 3px #a93516;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.create-controls{justify-self:end;display:flex;align-items:center;gap:12px}.create-colors{display:flex;gap:7px;margin:0;padding:7px 9px;border:1px solid var(--line);border-radius:99px;background:var(--control)}.color-choice{width:22px;height:22px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #2b2b2b1f}.color-choice--yellow{background:#ffdc68}.color-choice--coral{background:#ff9c87}.color-choice--blue{background:#8dcce5}.color-choice--mint{background:#a7dabf}.color-choice.is-selected{outline:2px solid #292b2d;outline-offset:2px}.color-choice:focus-visible{outline:3px solid #176eb5;outline-offset:2px}.add-button span:first-child{font-size:1.45rem;font-weight:400;line-height:1}.add-button:hover{transform:translateY(-1px);box-shadow:0 4px #a93516}.add-button:active{transform:translateY(2px);box-shadow:0 1px #a93516}.add-button:focus-visible,.delete-button:focus-visible,textarea:focus-visible{outline:3px solid #176eb5;outline-offset:2px}.board{position:relative;width:100%;height:calc(100vh - 136px);min-height:450px;overflow:hidden;background-color:var(--board);background-image:linear-gradient(rgba(86,75,55,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(86,75,55,.045) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(255,255,255,.3),transparent 40%);background-size:24px 24px,24px 24px,100% 100%}:root[data-theme=dark] .board{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(255,255,255,.045),transparent 42%)}:root[data-theme=dark] .project-bar button:hover{border-color:#6d7173;background:#393d40}:root[data-theme=dark] .completed-zone{color:#c5c1b8;background:#2b2e30b8;border-color:#696c6c}:root[data-theme=dark] .completed-zone.is-ready{color:#d5eadc;background:#30523de6;border-color:#79ae8c}.empty-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;color:#777165;pointer-events:none}.empty-state[hidden]{display:none}.empty-state p{margin:0;font-size:.96rem}.empty-icon{display:grid;place-items:center;width:64px;height:64px;border:2px dashed #afa795;border-radius:50%;font-family:DM Sans,sans-serif;font-size:2rem;font-weight:500}.completed-zone{position:absolute;right:28px;bottom:25px;z-index:1;display:flex;align-items:center;gap:13px;width:280px;min-height:92px;padding:16px 20px;border:2px dashed #aaa18e;border-radius:12px;color:#736d61;background:#faf8f28c;pointer-events:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}.completed-zone-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:2px solid currentColor;border-radius:50%;font:700 1.2rem DM Sans,sans-serif}.completed-zone strong,.completed-zone small{display:block}.completed-zone strong{font-size:.95rem}.completed-zone small{margin-top:3px;font-size:.72rem}.completed-zone.is-ready{z-index:6;border-color:#588a6c;background:#dbf2e2e0}.completed-zone.is-over{transform:scale(1.035);border-style:solid;background:#d9f0df}.note{position:absolute;left:0;top:0;width:220px;height:210px;padding:0 15px 16px;background:#ffdc68;border-top:1px solid rgba(255,255,255,.5);box-shadow:1px 2px 2px #40341c29,5px 10px 18px #40341c3d,inset 0 -12px 22px #865b1214;clip-path:polygon(0 0,100% 0,100% 94%,94% 100%,0 100%);transform-origin:center;transition:box-shadow .15s ease,filter .15s ease;will-change:transform}.note:after{content:"";position:absolute;right:0;bottom:0;width:14px;height:14px;background:#75521329}.note--coral{background:#ff9c87}.note--blue{background:#8dcce5}.note--mint{background:#a7dabf}.note.is-dragging{z-index:5;filter:saturate(1.06);box-shadow:2px 4px 4px #352b1624,12px 20px 30px #352b164d,inset 0 -12px 22px #865b120f}.note.is-new{animation:note-in .24s cubic-bezier(.2,.8,.2,1)}.note.is-aligning{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .15s ease,filter .15s ease}.note.is-completed{filter:saturate(.42);opacity:.76}.note.is-completed textarea{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#312f2b7a}@keyframes note-in{0%{opacity:0;scale:.88}to{opacity:1;scale:1}}.note-grip{height:42px;display:flex;align-items:center;justify-content:space-between;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.note-grip:active{cursor:grabbing}.grip-dots{color:#2f2b226b;font-size:1.25rem;line-height:1}.delete-button{width:34px;height:34px;padding:0;border:0;border-radius:50%;color:#2d2921b3;background:transparent;font-family:DM Sans,sans-serif;font-size:1.45rem;line-height:1;cursor:pointer}.note-actions{display:flex;align-items:center;gap:2px}.complete-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:2px solid rgba(45,41,33,.62);border-radius:50%;color:transparent;background:#ffffff2e;font:700 1rem DM Sans,sans-serif;cursor:pointer}.complete-button:hover{background:#ffffff6b}.complete-button[aria-pressed=true]{color:#fff;border-color:#417456;background:#4f8c67}.palette-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.palette-button:hover,.palette-button[aria-expanded=true]{background:#ffffff4d}.palette-button span{width:16px;height:16px;border:2px solid rgba(45,41,33,.68);border-radius:50%;background:linear-gradient(135deg,#ff9c87 0 50%,#8dcce5 50%)}.note-palette{position:absolute;top:37px;right:12px;z-index:8;gap:8px;padding:9px;border-radius:99px;background:#fffdf8;box-shadow:0 5px 16px #2d292138}.note-palette:not([hidden]){display:flex}.note-palette .color-choice{width:26px;height:26px}.delete-button:hover{color:#2b2925;background:#ffffff4d}.note textarea{display:block;width:100%;height:calc(100% - 42px);resize:none;border:0;outline:0;background:transparent;color:#312f2b;font-family:Klee One,Yu Kyokasho,Yu Mincho,cursive;font-size:1.08rem;font-weight:600;line-height:1.75;letter-spacing:.035em}.note textarea::placeholder{color:#312f2b75}.status{position:fixed;left:50%;bottom:18px;z-index:20;min-height:26px;transform:translate(-50%);color:#5b574f;font-size:.78rem;pointer-events:none}@media(max-width:900px){.toolbar{min-height:174px;padding:10px 18px;grid-template-columns:1fr auto;grid-template-rows:48px 54px 48px;gap:4px 12px}.search-area{grid-column:1 / -1;grid-row:2;width:100%}.project-bar{grid-row:3}.search-box{width:auto;flex:1}.board{height:calc(100vh - 174px)}}@media(max-width:520px){.toolbar{min-height:228px;padding:9px 14px;grid-template-columns:1fr auto;grid-template-rows:48px 98px 58px}.brand{gap:8px;font-size:.95rem}.brand-mark{display:none}.add-button{min-height:48px;padding:0 15px}.create-controls{gap:7px}.create-colors{gap:5px;padding:6px}.create-colors .color-choice{width:23px;height:23px}.add-button span:last-child{display:none}.add-button{width:48px;justify-content:center;padding:0}.search-area{flex-wrap:wrap}.search-box{width:calc(100% - 74px);flex:0 0 calc(100% - 74px)}.filter-tabs{width:100%}.filter-tabs button{flex:1;min-height:38px}.project-bar{overflow-x:auto;padding-bottom:4px}.project-bar label{display:none}.project-bar select{min-width:142px;max-width:165px}.project-bar button{white-space:nowrap;min-height:40px}.board{height:calc(100vh - 228px);min-height:500px}.note{width:164px;height:172px;padding:0 11px 11px}.note-grip{height:44px}.delete-button{width:40px;height:40px}.complete-button,.palette-button{width:38px;height:38px}.completed-zone{right:10px;bottom:10px;width:calc(100% - 20px);min-height:76px;padding:11px 16px}.note textarea{height:calc(100% - 44px);font-size:1rem;line-height:1.6}.empty-state{transform:translateY(-18px)}.empty-state p{font-size:.88rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}