:root{font-family:Inter,Noto Sans JP,Yu Gothic UI,system-ui,sans-serif;color:#18241f;background:#eef3ef;font-synthesis:none;--header-height: 132px;--note-width: 246px;--note-height: 210px}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;overflow:hidden}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;background:#eef3ef}.app-header{height:var(--header-height);padding:0 clamp(20px,4vw,64px);display:flex;flex-direction:column;justify-content:center;gap:16px;background:#fafcfaeb;border-bottom:1px solid #d5dfd8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:1000}.header-primary,.header-tools{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.header-tools{justify-content:flex-end}.project-control{display:flex;align-items:center;gap:6px}.project-control select{height:38px;min-width:180px;max-width:280px;padding:0 34px 0 12px;color:#24342d;background:#fff;border:1px solid #cdd9d1;border-radius:9px;font-weight:650}.icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center;color:#315443;background:#fff;border:1px solid #cdd9d1;border-radius:9px;cursor:pointer;font-size:1.1rem}.icon-button:hover{background:#edf4ef}.icon-button.danger{color:#8a403b}.icon-button:disabled{opacity:.35;cursor:not-allowed}.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}.search-control{height:42px;min-width:280px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#fff;border:1px solid #cdd9d1;border-radius:999px}.search-control:focus-within{border-color:#557c69;box-shadow:0 0 0 3px #204f3d1a}.search-control svg{width:18px;flex:none;fill:none;stroke:#718078;stroke-width:2}.search-control input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:.925rem}.search-control span{flex:none;color:#64736b;font-size:.8rem;font-weight:700}.filter-tabs{display:flex;padding:3px;background:#e3ebe6;border-radius:999px}.filter-tabs button{min-height:34px;padding:0 13px;border:0;border-radius:999px;color:#5b6c63;background:transparent;cursor:pointer;font-weight:700}.filter-tabs button.selected{color:#193b2e;background:#fff;box-shadow:0 2px 7px #23352b1f}.theme-toggle{width:42px;height:42px;flex:none;padding:0;display:grid;place-items:center;color:#315443;background:#fff;border:1px solid #cdd9d1;border-radius:50%;cursor:pointer;transition:transform .16s ease,background .16s ease}.theme-toggle:hover{background:#edf4ef;transform:rotate(-8deg)}.theme-toggle svg{grid-area:1 / 1;width:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .sun-icon{display:none}[data-theme=dark]{color-scheme:dark}[data-theme=dark] body,[data-theme=dark] .app-shell{color:#e7eee9;background:#16211c}[data-theme=dark] .app-header{background:#17221df0;border-bottom-color:#34463d}[data-theme=dark] .board{background-color:#16211c;background-image:radial-gradient(circle,rgba(185,211,197,.17) 1px,transparent 1.3px)}[data-theme=dark] .project-control select,[data-theme=dark] .icon-button,[data-theme=dark] .search-control,[data-theme=dark] .theme-toggle,[data-theme=dark] .new-note-menu{color:#e7eee9;background:#223129;border-color:#43574c}[data-theme=dark] .icon-button{color:#b9d8c8}[data-theme=dark] .icon-button:hover,[data-theme=dark] .theme-toggle:hover{background:#2d4036}[data-theme=dark] .icon-button.danger{color:#f0aaa4}[data-theme=dark] .search-control svg{stroke:#a6b7ad}[data-theme=dark] .search-control span,[data-theme=dark] .empty-state{color:#9fb0a7}[data-theme=dark] .filter-tabs{background:#26372f}[data-theme=dark] .filter-tabs button{color:#aabbb1}[data-theme=dark] .filter-tabs button.selected{color:#eff6f1;background:#3b5146;box-shadow:0 2px 7px #00000040}[data-theme=dark] .done-zone{color:#a9bbb1;background:#223129b3;border-color:#5e7468}[data-theme=dark] .done-zone.ready{color:#bde4d2;background:#2d4f3ee0}[data-theme=dark] .done-zone.hover{color:#fff;background:#3b7a5d;border-color:#d8eee2}[data-theme=dark] .status{color:#18241f;background:#e2ebe5}[data-theme=dark] .theme-toggle .moon-icon{display:none}[data-theme=dark] .theme-toggle .sun-icon{display:block}.brand{display:flex;align-items:center;gap:12px}.brand h1{margin:0;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600;letter-spacing:-.02em}.brand-mark{width:28px;aspect-ratio:1;display:block;background:#f5cf58;border-radius:3px 3px 9px;box-shadow:3px 4px #d8e4dd;transform:rotate(-3deg)}.add-button{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:9px;color:#fff;background:#204f3d;border:0;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 5px 16px #204f3d2e;transition:transform .16s ease,background .16s ease}.add-button:hover{background:#153f30;transform:translateY(-1px)}.add-button:active{transform:translateY(1px)}.add-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.add-note-control{position:relative}.new-note-menu{position:absolute;top:calc(100% + 10px);right:0;width:220px;padding:14px;color:#24342d;background:#fff;border:1px solid #d5dfd8;border-radius:14px;box-shadow:0 16px 36px #23352b2e}.new-note-menu[hidden]{display:none}.new-note-menu p{margin:0 0 11px;font-size:.875rem;font-weight:700}.new-note-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-button{width:30px;height:30px;padding:0;border:2px solid rgba(48,47,37,.12);border-radius:50%;background:var(--swatch-color);cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff6b}.color-button:hover{transform:scale(1.08)}.color-button:focus-visible{outline:3px solid #204f3d;outline-offset:2px}.color-button.selected{border-color:#24342d}.board{position:relative;height:calc(100vh - var(--header-height));min-height:360px;overflow:hidden;touch-action:none;background-color:#eef3ef;background-image:radial-gradient(circle,rgba(39,77,61,.16) 1px,transparent 1.3px);background-size:26px 26px}.empty-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;color:#728078;text-align:center;padding:24px;pointer-events:none}.empty-state[hidden]{display:none}.empty-state p{margin:0;font-size:1rem}.empty-icon{width:58px;height:58px;display:grid;place-items:center;border:2px dashed #acbab1;border-radius:18px;font-size:1.8rem}.note{position:absolute;width:var(--note-width);height:var(--note-height);display:flex;flex-direction:column;background-color:var(--note-color, #f9dc75);background-image:linear-gradient(105deg,rgba(255,255,255,.22),transparent 38%),linear-gradient(to bottom,transparent 94%,rgba(74,61,31,.045));background-size:100% 100%,100% 28px;border:1px solid rgba(89,70,20,.12);border-radius:5px 5px 18px;box-shadow:2px 3px 3px #232b261f,8px 14px 24px #23352b2b;overflow:hidden;-webkit-user-select:none;user-select:none;transform:rotate(var(--note-rotation, -.7deg));transform-origin:50% 3%;transition:box-shadow .16s ease,transform .16s ease}.note.dragging{z-index:999!important;box-shadow:3px 8px 8px #232b2624,14px 24px 38px #23352b40;transform:rotate(0) scale(1.015);cursor:grabbing}.note.completed{filter:saturate(.45);opacity:.78}.note.completed .note-text{color:#5f645f;text-decoration:line-through;text-decoration-thickness:1.5px}.note-handle{min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:7px 8px 7px 14px;cursor:grab;touch-action:none}.note-actions,.note-colors{display:flex;align-items:center;gap:3px}.note-colors .color-button{width:22px;height:22px;border-width:1px}.note-colors .color-button.selected{border-width:2px}.complete-button{width:32px;height:32px;flex:none;padding:0;display:grid;place-items:center;color:#302f2573;background:#ffffff42;border:2px solid rgba(48,47,37,.28);border-radius:50%;cursor:pointer;font-weight:900}.complete-button[aria-pressed=true]{color:#fff;background:#2d6b50;border-color:#2d6b50}.grip{display:flex;gap:4px;align-items:center}.grip i{width:4px;height:4px;border-radius:50%;background:#34301d54}.delete-button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;color:#2c2d2294;background:transparent;cursor:pointer}.delete-button:hover{color:#602b29;background:#ffffff6b}.delete-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.note-text{flex:1;width:100%;min-height:0;padding:0 16px 18px;color:#302f25;background:transparent;border:0;outline:0;resize:none;font-family:YuKyokasho,Yu Kyokasho,Segoe Print,HGP行書体,cursive;font-size:1.08rem;font-weight:500;line-height:1.65;letter-spacing:.025em;-webkit-user-select:text;user-select:text}.note-text::placeholder{color:#312f237a}.note:focus-within{box-shadow:3px 7px 8px #232b2621,10px 18px 30px #23352b33,0 0 0 3px #204f3d1f}.status{position:fixed;left:50%;bottom:20px;z-index:1200;transform:translate(-50%,12px);padding:9px 14px;color:#fff;background:#24342d;border-radius:999px;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.status.show{opacity:1;transform:translate(-50%)}.done-zone{position:absolute;right:18px;bottom:18px;z-index:800;width:212px;height:calc(100% - 36px);display:flex;align-items:center;justify-content:center;gap:12px;color:#65766d;background:#fafcfaa3;border:2px dashed #a7b8ae;border-radius:20px;pointer-events:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.done-zone-icon{width:42px;height:42px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:1.25rem;font-weight:900}.done-zone strong,.done-zone small{display:block}.done-zone strong{font-size:.95rem}.done-zone small{margin-top:3px;font-size:.75rem}.done-zone.ready{color:#35654f;background:#daebe1db}.done-zone.hover{color:#fff;background:#35654f;border-color:#fff;transform:scale(1.02)}@media(max-width:767px){:root{--header-height: 184px;--note-width: 220px;--note-height: 190px}.app-header{padding:10px 14px;gap:8px}.header-primary,.header-tools{gap:8px}.header-primary{align-items:flex-start}.header-tools{display:grid;grid-template-columns:1fr auto auto}.search-control{min-width:0;grid-column:1 / -1;width:100%}.project-control{flex-wrap:wrap;justify-content:flex-end}.project-control select{min-width:150px;max-width:190px}.brand{gap:9px}.brand-mark{width:24px}.add-button{min-width:48px;min-height:48px;padding:0 14px}.add-button span{display:none}.add-button svg{width:22px}.note-handle{min-height:48px}.delete-button{width:40px;height:40px}.note-actions,.note-colors{gap:2px}.note-colors .color-button{width:24px;height:24px}.note-text{font-size:1rem;padding:0 15px 16px}.done-zone{right:14px;bottom:12px;width:calc(100% - 28px);height:78px}}@media(max-width:420px){:root{--note-width: 202px;--note-height: 184px}.brand h1{font-size:1.18rem}.brand h1{max-width:58px;line-height:1.05}.project-control select{min-width:132px;max-width:148px}.icon-button{width:36px;height:36px}.filter-tabs button{padding:0 9px;font-size:.82rem}.add-button{min-width:44px;min-height:44px;padding:0 11px}.board{background-size:22px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}