@font-face{font-family:Klee One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/klee-one-japanese-400-normal-Drkuudbj.woff2) format("woff2"),url(/assets/klee-one-japanese-400-normal-CXVR0qdD.woff) format("woff")}:root{color:#23332f;background:#f4efe4;font-family:Inter,Hiragino Sans,Yu Gothic UI,Yu Gothic,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--note-width: 216px;--note-height: 188px;--board-pad: 28px;--note-gap: 18px}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{display:flex;min-height:100dvh;flex-direction:column;background:radial-gradient(circle at 14% 0%,rgba(255,255,255,.9),transparent 30%),#f4efe4}.app-header{z-index:20;display:flex;min-height:88px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(20px,3.3vw,52px);border-bottom:1px solid rgba(35,51,47,.14);background:#faf7eff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{position:relative;display:block;width:39px;height:39px;flex:0 0 auto;transform:rotate(-3deg);border:1px solid rgba(45,58,53,.18);border-radius:3px 3px 10px;background:#f2c94c;box-shadow:4px 5px #23332f1f}.brand-mark:after{position:absolute;right:6px;bottom:6px;width:13px;height:1px;background:#23332f7a;box-shadow:0 -5px #23332f52;content:""}.brand h1{margin:0;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.28rem,2vw,1.65rem);font-weight:600;letter-spacing:-.02em}.brand p{margin:3px 0 0;color:#6f7770;font-size:.78rem;letter-spacing:.07em}.header-actions{display:flex;min-width:0;flex:1;align-items:center;justify-content:flex-end;gap:20px}.header-search-group{display:flex;min-width:0;max-width:620px;flex:1;align-items:center;gap:18px}.add-control{position:relative}.save-status{display:flex;align-items:center;gap:7px;margin:0;color:#6f7770;font-size:.76rem}.save-status span{width:7px;height:7px;border-radius:50%;background:#68977f;box-shadow:0 0 0 4px #68977f21}.save-status.is-saving span{animation:pulse .7s ease infinite alternate}.theme-toggle{display:inline-flex;min-width:76px;min-height:42px;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid rgba(35,51,47,.16);border-radius:9px;color:#56635e;background:#fffdf8b8;font-size:.7rem;font-weight:700;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:#27463e57;color:#27463e;background:#fffdf8}.theme-icon{font-size:1.05rem;line-height:1}.add-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:0 19px;border:0;border-radius:9px;color:#fffdf8;background:#27463e;box-shadow:0 5px 14px #2339332e;font-size:.88rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.add-button span{font-size:1.25rem;font-weight:400;line-height:1}.add-button:hover{transform:translateY(-1px);background:#1f3c34;box-shadow:0 7px 18px #23393338}.add-button:active{transform:translateY(1px)}.add-button:focus-visible,.theme-toggle:focus-visible,.project-controls select:focus-visible,.project-action:focus-visible,.align-button:focus-visible,.status-filter button:focus-visible,.complete-button:focus-visible,.color-option:focus-visible,.note-color-button:focus-visible,.delete-button:focus-visible,.note textarea:focus-visible{outline:3px solid rgba(58,111,94,.34);outline-offset:3px}.color-menu[hidden]{display:none}.color-menu{border:1px solid rgba(35,51,47,.16);border-radius:11px;background:#fffdf8;box-shadow:0 14px 32px #2c342f33}.creation-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:232px;padding:12px}.creation-menu:before{position:absolute;top:-6px;right:24px;width:10px;height:10px;transform:rotate(45deg);border-top:1px solid rgba(35,51,47,.16);border-left:1px solid rgba(35,51,47,.16);background:#fffdf8;content:""}.creation-menu>p{margin:0 0 9px;color:#65706a;font-size:.7rem;font-weight:700;letter-spacing:.06em}.creation-menu .color-option{min-height:44px}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.color-option{display:flex;min-height:42px;align-items:center;gap:8px;padding:5px 8px;border:1px solid transparent;border-radius:7px;color:#44504a;background:#f5f2ea;font-size:.7rem;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.color-option:hover,.color-option[aria-pressed=true]{border-color:#27463e47;background:#fff}.color-option:active{transform:scale(.97)}.swatch,.current-color{display:block;width:18px;height:18px;flex:0 0 auto;border:1px solid rgba(62,60,50,.18);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff3d}.swatch-yellow,.note[data-color=yellow] .current-color{background:#f3d364}.swatch-pink,.note[data-color=pink] .current-color{background:#edaebd}.swatch-blue,.note[data-color=blue] .current-color{background:#9fcfe8}.swatch-green,.note[data-color=green] .current-color{background:#a9d2ac}.workspace{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:12px;padding:18px clamp(16px,2.8vw,42px) clamp(16px,2.8vw,34px)}.workspace-toolbar{display:flex;min-width:0;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}.project-controls{display:flex;min-width:0;align-items:center;gap:7px}.project-controls label{color:#65706a;font-size:.72rem;font-weight:700;letter-spacing:.05em}.project-controls select{width:clamp(150px,18vw,240px);min-height:40px;padding:0 34px 0 12px;border:1px solid rgba(35,51,47,.18);border-radius:9px;outline:0;color:#34443f;background:#fffdf8;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.project-action{min-height:40px;padding:0 11px;border:1px solid rgba(35,51,47,.16);border-radius:8px;color:#53615b;background:#fffdf8c2;font-size:.72rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.project-action:hover{border-color:#27463e57;color:#27463e;background:#fffdf8}.project-create{color:#fffdf8;background:#5b7d71}.project-create:hover{color:#fff;background:#46695d}.project-delete{color:#865a51}.project-action:disabled{color:#a5aaa6;background:#ece9e1b3;cursor:not-allowed;opacity:.7}.view-controls{display:flex;min-width:0;align-items:center;gap:8px}.align-button{display:inline-flex;min-height:40px;align-items:center;gap:6px;padding:0 14px;border:1px solid rgba(35,51,47,.18);border-radius:9px;color:#4f625b;background:#fffdf8d1;font-size:.74rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease,transform .14s ease}.align-button span{font-size:1.05rem;line-height:1}.align-button:hover{transform:translateY(-1px);border-color:#27463e5c;color:#27463e;background:#fffdf8}.align-button:disabled{transform:none;color:#a5aaa6;cursor:not-allowed;opacity:.65}.status-filter{display:flex;width:fit-content;min-height:40px;flex:0 0 auto;align-items:center;gap:4px;padding:4px;border:1px solid rgba(35,51,47,.14);border-radius:11px;background:#fffdf8b3}.status-filter button{min-height:32px;padding:0 18px;border:0;border-radius:7px;color:#6f7770;background:transparent;font-size:.78rem;font-weight:700;cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.status-filter button:hover{color:#27463e;background:#ffffffb3}.status-filter button[aria-pressed=true]{color:#fffdf8;background:#355b50;box-shadow:0 3px 9px #27463e33}.workspace-content{display:flex;min-width:0;min-height:0;flex:1 1 auto;gap:14px}.board-frame{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column;overflow:auto;border:1px solid rgba(35,51,47,.16);border-radius:15px;background:#e7e1d5;box-shadow:0 18px 45px #493e2c1a}.completion-zone{display:flex;width:220px;min-height:0;flex:0 0 220px;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px 16px;border:2px dashed rgba(53,91,80,.33);border-radius:15px;color:#587067;background:#dae6db73;text-align:center;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.completion-zone.is-drag-over{transform:scale(1.015);border-color:#477a68;background:#b9dcc2b8;box-shadow:0 0 0 5px #477a681f}.completion-icon{display:grid;width:52px;height:52px;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:1.55rem;font-weight:700}.completion-zone h2{margin:0 0 6px;color:#355b50;font-family:Klee One,YuKyokasho,cursive;font-size:1rem}.completion-zone p{margin:0;font-size:.7rem;line-height:1.6}.completion-zone strong{padding:5px 11px;border-radius:999px;color:#355b50;background:#ffffffa6;font-size:.72rem}.board-meta{position:sticky;top:0;z-index:10;display:flex;min-height:42px;flex:0 0 auto;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(35,51,47,.11);color:#77766e;background:#eee9df;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.13em}.board-meta p{margin:0}.note-summary{flex:0 0 auto;color:#77766e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.06em;white-space:nowrap}.search-control{position:relative;display:block;width:100%}.search-control:before{position:absolute;top:50%;left:18px;width:13px;height:13px;transform:translateY(-60%);border:1.5px solid #7a817b;border-radius:50%;content:"";pointer-events:none}.search-control:after{position:absolute;top:57%;left:30px;width:6px;height:1.5px;transform:rotate(45deg);border-radius:1px;background:#7a817b;content:"";pointer-events:none}.search-control input{width:100%;height:48px;padding:0 38px 0 46px;border:1px solid rgba(35,51,47,.16);border-radius:12px;outline:0;color:#34443f;background:#fffdf8c7;font-family:Inter,Hiragino Sans,Yu Gothic,sans-serif;font-size:.86rem;letter-spacing:.01em;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.search-control input::placeholder{color:#90958f}.search-control input:focus{border-color:#27463e75;background:#fffdf8;box-shadow:0 0 0 3px #3a6f5e1c}.board-meta .hint{font-family:Inter,Hiragino Sans,sans-serif;letter-spacing:.02em;white-space:nowrap}.board{position:relative;min-width:100%;min-height:calc(100% - 42px);flex:1 0 auto;overflow:hidden;background-color:#eee9de;background-image:linear-gradient(rgba(56,70,63,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,70,63,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-position:-1px -1px;background-size:32px 32px,32px 32px,8px 8px,8px 8px}.board:after{position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 2px 15px #463b2c12;content:""}.empty-state{position:absolute;top:50%;left:50%;z-index:1;width:min(360px,calc(100% - 40px));transform:translate(-50%,-54%);color:#777a72;text-align:center;pointer-events:none}.empty-state[hidden]{display:none}.empty-note{position:relative;display:block;width:58px;height:58px;margin:0 auto 18px;transform:rotate(5deg);border:1px dashed rgba(52,71,64,.38);border-radius:4px 4px 13px}.empty-note:before,.empty-note:after{position:absolute;width:22px;height:1px;background:#3447403d;content:""}.empty-note:before{top:21px;left:17px}.empty-note:after{top:30px;left:17px}.empty-state h2{margin:0 0 8px;color:#4a554f;font-family:Georgia,Yu Mincho,serif;font-size:1.15rem;font-weight:600}.empty-state p{margin:0;font-size:.8rem;line-height:1.7}.note{--note-paper: #f5d66a;--note-rotate: -.65deg;position:absolute;z-index:2;display:flex;width:var(--note-width);height:var(--note-height);flex-direction:column;overflow:hidden;border:1px solid rgba(82,68,31,.16);border-radius:4px 4px 13px;background:linear-gradient(112deg,rgba(255,255,255,.2),transparent 38%,rgba(65,53,27,.025)),var(--note-paper);box-shadow:0 2px 3px #3d321c1f,0 13px 23px -8px #3d321c4d,3px 5px 0 -2px #51412014;transform:rotate(var(--note-rotate));transform-origin:50% 4%;transition:box-shadow .18s ease,transform .18s ease;animation:note-in .22s cubic-bezier(.2,.8,.2,1)}.note[hidden]{display:none}.note[data-color=yellow]{--note-paper: #f5d66a}.note[data-color=pink]{--note-paper: #f2bec9;border-color:#68304226}.note[data-color=blue]{--note-paper: #b9dcef;border-color:#244b6524}.note[data-color=green]{--note-paper: #beddbf;border-color:#2b533424}.note:nth-of-type(4n+2){--note-rotate: .55deg}.note:nth-of-type(4n+3){--note-rotate: -.25deg}.note:nth-of-type(4n+4){--note-rotate: .85deg}.note.is-dragging{z-index:50;transform:rotate(calc(var(--note-rotate) + .65deg)) scale(1.025);box-shadow:0 5px 8px #3d321c21,0 22px 34px -9px #3d321c61;transition:none}.note.is-arranging{transition:left .24s ease,top .24s ease,box-shadow .18s ease,transform .18s ease}.note.is-completed{filter:saturate(.58);opacity:.72;box-shadow:0 5px 13px -6px #3d321c40}.note.is-completed textarea{color:#423d2fad;text-decoration:line-through;text-decoration-thickness:1.5px}.note-handle{display:flex;min-height:42px;flex:0 0 auto;align-items:center;justify-content:space-between;padding:3px 5px 0 12px;border-bottom:1px solid rgba(82,68,31,.11);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.note-handle:active{cursor:grabbing}.grip{color:#493e2361;font-size:1rem;letter-spacing:3px;line-height:1}.note-actions{display:flex;align-items:center;gap:1px}.note-color-button,.complete-button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background .14s ease}.complete-button{color:#473b1f8c;font-size:.95rem;font-weight:800}.complete-button:hover{background:#fff6}.complete-button[aria-pressed=true]{color:#fff;background:#477a68;box-shadow:inset 0 0 0 2px #ffffff6b}.note-color-button:hover,.note-color-button[aria-expanded=true]{background:#fff6}.note-color-button .current-color{box-shadow:0 0 0 2px #ffffff8c,0 1px 4px #3f3a2a29}.note-color-menu{position:absolute;top:42px;right:8px;z-index:6;width:112px;padding:7px;background:#fffdf8f5}.note-color-menu .color-grid{gap:6px}.note-color-menu .color-option{min-width:44px;min-height:44px;justify-content:center;padding:5px}.note-color-menu .color-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.delete-button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;color:#473b1fa6;background:transparent;font-size:1.35rem;line-height:1;cursor:pointer;transition:color .14s ease,background .14s ease}.delete-button:hover{color:#793c31;background:#ffffff61}.note textarea{width:100%;min-height:0;flex:1;resize:none;padding:13px 15px 5px;border:0;outline:0;color:#423d2f;background:transparent;font-family:Klee One,YuKyokasho,Yu Kyokasho,cursive;font-size:.98rem;font-weight:400;line-height:1.7;letter-spacing:.015em}.note textarea::placeholder{color:#4f452d7a}.note textarea:focus-visible{outline-offset:-4px}.note-footer{display:flex;min-height:26px;align-items:center;justify-content:space-between;padding:0 13px 6px 15px;color:#4b412a8a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.59rem}.project-dialog{width:min(430px,calc(100vw - 32px));padding:0;border:1px solid rgba(35,51,47,.18);border-radius:16px;color:#34443f;background:#fffdf8;box-shadow:0 24px 70px #1c272347}.project-dialog::backdrop{background:#232c2861;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.project-dialog form{display:grid;gap:22px;padding:26px}.dialog-heading{display:flex;align-items:flex-start;gap:13px}.dialog-icon{position:relative;display:block;width:34px;height:34px;flex:0 0 auto;transform:rotate(-2deg);border-radius:3px 3px 9px;background:#f3d364;box-shadow:3px 4px #23332f1a}.project-dialog.is-delete .dialog-icon{background:#e8b7ae}.dialog-heading h2{margin:0 0 5px;font-family:Georgia,Yu Mincho,serif;font-size:1.18rem}.dialog-heading p{margin:0;color:#747b75;font-size:.76rem;line-height:1.65}.project-name-field{display:grid;gap:7px;color:#59655f;font-size:.72rem;font-weight:700}.project-name-field[hidden]{display:none}.project-name-field input{width:100%;height:46px;padding:0 13px;border:1px solid rgba(35,51,47,.2);border-radius:9px;outline:0;color:#34443f;background:#fff;font:inherit;font-size:.9rem;font-weight:500}.project-name-field input:focus{border-color:#27463e80;box-shadow:0 0 0 3px #3a6f5e1f}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{min-height:42px;padding:0 17px;border:0;border-radius:8px;font-size:.76rem;font-weight:700;cursor:pointer}.dialog-cancel{color:#66716b;background:#efede6}.dialog-confirm{color:#fff;background:#355b50}.dialog-confirm.is-danger{background:#9a5145}html[data-theme=dark]{color:#dbe4df;background:#111715;color-scheme:dark}html[data-theme=dark] .app{background:radial-gradient(circle at 14% 0%,rgba(79,111,98,.16),transparent 31%),#111715}html[data-theme=dark] .app-header{border-bottom-color:#d7e6de1a;background:#141c19f2}html[data-theme=dark] .brand h1{color:#f2eee5}html[data-theme=dark] .brand p,html[data-theme=dark] .save-status,html[data-theme=dark] .note-summary{color:#9ca9a3}html[data-theme=dark] .search-control input,html[data-theme=dark] .project-controls select,html[data-theme=dark] .project-action,html[data-theme=dark] .align-button,html[data-theme=dark] .theme-toggle{border-color:#d8e7e024;color:#d5dfda;background:#232f2adb}html[data-theme=dark] .search-control input::placeholder{color:#829089}html[data-theme=dark] .search-control:before{border-color:#9ba8a2}html[data-theme=dark] .search-control:after{background:#9ba8a2}html[data-theme=dark] .search-control input:focus,html[data-theme=dark] .project-controls select:focus,html[data-theme=dark] .project-action:hover,html[data-theme=dark] .align-button:hover,html[data-theme=dark] .theme-toggle:hover{border-color:#91c1ae75;color:#eff8f3;background:#293832}html[data-theme=dark] .project-controls label{color:#a4b0aa}html[data-theme=dark] .project-create,html[data-theme=dark] .project-create:hover{color:#f4fbf7;background:#477064}html[data-theme=dark] .project-delete{color:#dca89e}html[data-theme=dark] .project-action:disabled,html[data-theme=dark] .align-button:disabled{color:#6f7b76;background:#1f2925b8}html[data-theme=dark] .status-filter{border-color:#d8e7e021;background:#1d2723db}html[data-theme=dark] .status-filter button{color:#9eaaa4}html[data-theme=dark] .status-filter button:hover{color:#e0e9e4;background:#ffffff0f}html[data-theme=dark] .status-filter button[aria-pressed=true]{color:#f5fbf8;background:#477064}html[data-theme=dark] .board-frame{border-color:#d8e7e01f;background:#1b2421;box-shadow:0 18px 45px #00000047}html[data-theme=dark] .board-meta{border-bottom-color:#d8e7e017;color:#8f9c96;background:#222d29}html[data-theme=dark] .board{background-color:#18211e;background-image:linear-gradient(rgba(194,216,205,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(194,216,205,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)}html[data-theme=dark] .completion-zone{border-color:#82b09d57;color:#94afa4;background:#263a3280}html[data-theme=dark] .completion-zone h2,html[data-theme=dark] .completion-zone strong{color:#b7cec4}html[data-theme=dark] .completion-zone strong{background:#ffffff12}html[data-theme=dark] .completion-zone.is-drag-over{border-color:#78ad97;background:#3f6756b3}html[data-theme=dark] .empty-state{color:#89968f}html[data-theme=dark] .empty-state h2{color:#bdc9c3}html[data-theme=dark] .empty-note{border-color:#b7cec46b}html[data-theme=dark] .color-menu,html[data-theme=dark] .creation-menu:before,html[data-theme=dark] .note-color-menu{border-color:#d8e7e024;background:#28332f}html[data-theme=dark] .color-option{color:#cbd6d0;background:#202a26}html[data-theme=dark] .creation-menu>p{color:#aab6b0}html[data-theme=dark] .color-option:hover,html[data-theme=dark] .color-option[aria-pressed=true]{border-color:#98c0b05c;background:#34433d}html[data-theme=dark] .project-dialog{border-color:#d8e7e029;color:#dbe4df;background:#202a26}html[data-theme=dark] .dialog-heading p,html[data-theme=dark] .project-name-field{color:#9eaaa4}html[data-theme=dark] .project-name-field input{border-color:#d8e7e029;color:#edf4f0;background:#151d1a}html[data-theme=dark] .dialog-cancel{color:#bec9c3;background:#34403b}html[data-theme=dark] .dialog-confirm{background:#4e796c}html[data-theme=dark] .dialog-confirm.is-danger{background:#a55d51}html[data-theme=dark] .note[data-color=yellow]{--note-paper: #ddc157}html[data-theme=dark] .note[data-color=pink]{--note-paper: #dca8b5}html[data-theme=dark] .note[data-color=blue]{--note-paper: #9fc8dc}html[data-theme=dark] .note[data-color=green]{--note-paper: #a8cda9}.toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:calc(100vw - 48px);padding:11px 15px;transform:translateY(14px);border-radius:8px;color:#fff;background:#273b36;box-shadow:0 8px 24px #18242138;font-size:.78rem;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.is-visible{transform:translateY(0);opacity:1}@keyframes note-in{0%{transform:translateY(8px) rotate(calc(var(--note-rotate) - .7deg)) scale(.97);opacity:0}}@keyframes pulse{to{opacity:.35}}@media(max-width:767px){:root{--note-width: 164px;--note-height: 168px;--board-pad: 10px;--note-gap: 8px}.app-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;min-height:126px;align-content:center;gap:10px 12px;padding:10px 13px}.brand{min-width:0;gap:6px}.brand-mark{width:28px;height:28px;box-shadow:3px 4px #23332f1f}.brand h1{white-space:nowrap;font-size:.98rem}.brand p,.save-status{display:none}.header-actions{display:contents}.header-search-group{display:grid;grid-column:1 / -1;grid-row:2;grid-template-columns:minmax(0,1fr) auto;width:100%;max-width:none;gap:10px}.add-control{grid-column:3;grid-row:1}.theme-toggle{grid-column:2;grid-row:1;width:44px;min-width:44px;min-height:44px;padding:0}.theme-label{display:none}.add-button{min-height:48px;padding:0 10px;font-size:.76rem}.workspace{gap:8px;padding:10px 8px 8px}.workspace-toolbar{align-items:stretch;flex-direction:column;gap:8px}.view-controls{width:100%}.project-controls{width:100%;gap:5px}.project-controls label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.project-controls select{min-width:0;height:44px;flex:1;padding-right:25px;font-size:.74rem}.project-action{min-height:44px;padding:0 8px;font-size:.68rem}.status-filter{width:auto;flex:1}.status-filter button{min-height:40px;flex:1;padding:0 8px;font-size:.76rem}.align-button{min-height:48px;padding:0 13px}.workspace-content{flex-direction:column-reverse;gap:8px}.completion-zone{width:100%;min-height:68px;flex:0 0 68px;flex-direction:row;justify-content:flex-start;gap:11px;padding:8px 12px;border-radius:11px;text-align:left}.completion-icon{width:40px;height:40px;flex:0 0 auto;font-size:1.15rem}.completion-zone h2{margin-bottom:1px;font-size:.88rem}.completion-zone p{font-size:.62rem}.completion-zone strong{margin-left:auto;white-space:nowrap}.board-frame{border-radius:11px}.board-meta{min-height:38px;padding:0 11px}.board{min-height:calc(100% - 38px)}.board-meta .hint{font-size:.62rem}.note-summary{font-size:.62rem;letter-spacing:.04em}.search-control input{height:44px;font-size:.82rem}.note-handle{min-height:44px;padding-left:10px}.delete-button,.note-color-button,.complete-button{width:44px;height:44px}.creation-menu{position:fixed;top:69px;right:10px;width:232px}.note textarea{padding:9px 11px 3px;font-size:.92rem;line-height:1.62}.note-footer{min-height:25px;padding:0 9px 5px 11px;font-size:.54rem}.empty-state{transform:translate(-50%,-50%)}.toast{right:12px;bottom:12px;max-width:calc(100vw - 24px)}.project-dialog form{gap:18px;padding:21px 18px 18px}.dialog-actions button{min-height:46px;flex:1}}@media(min-width:768px)and (max-width:1024px){:root{--note-width: 200px;--note-height: 184px;--board-pad: 22px;--note-gap: 15px}.app-header{min-height:82px}.header-actions{gap:12px}.theme-toggle{width:42px;min-width:42px;padding:0}.theme-label{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}