:root{font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#19233c;background:#edf3ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,textarea,select,input{font:inherit}button{-webkit-tap-highlight-color:transparent}summary{-webkit-tap-highlight-color:transparent}.app-shell{display:grid;grid-template-rows:auto auto 1fr;min-height:100dvh;padding:20px;background:radial-gradient(circle at 12% 0%,rgba(76,123,255,.13),transparent 28rem),#edf3ff}.toolbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px;margin-bottom:10px;padding:12px 16px 12px 20px;border:1px solid rgba(82,111,177,.18);border-radius:20px;background:#ffffffd1;box-shadow:0 12px 35px #2f49841a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-bar{position:relative;z-index:15;display:flex;min-width:0;min-height:62px;align-items:center;gap:12px;margin-bottom:12px;padding:9px 12px;border:1px solid rgba(82,111,177,.16);border-radius:17px;background:#ffffffbf;box-shadow:0 8px 24px #2f498412;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.project-selector{display:flex;min-width:0;align-items:center;gap:9px}.project-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;color:#2457e6;background:#e9efff}.project-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.project-label{color:#71809a;font-size:.76rem;font-weight:800}.project-selector select{width:clamp(150px,24vw,310px);min-height:40px;padding:0 36px 0 12px;border:1px solid rgba(73,91,132,.18);border-radius:11px;outline:none;color:#26324c;background:#fff;font-weight:800;cursor:pointer}.project-selector select:focus-visible{border-color:#2457e680;box-shadow:0 0 0 3px #2457e61f}.project-note-count{padding:5px 9px;border-radius:99px;color:#667590;background:#eef3fc;font-size:.75rem;font-weight:850;white-space:nowrap}.project-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.project-action{min-height:40px;padding:0 13px;border:1px solid rgba(73,91,132,.16);border-radius:11px;color:#586783;background:#ffffffe6;font-size:.8rem;font-weight:800;cursor:pointer}.project-action:hover{border-color:#2457e64d;color:#2457e6;background:#fff}.project-create{display:inline-flex;align-items:center;gap:5px;color:#fff;border-color:#2457e6;background:#2457e6}.project-create:hover{color:#fff;background:#1748d2}.arrange-notes{display:inline-flex;align-items:center;justify-content:center;gap:6px}.arrange-icon{color:#2457e6;font-size:1rem;line-height:1}.project-delete{color:#a24444}.project-action:disabled{color:#a7afbd;border-color:#495b841a;background:#f4f6facc;cursor:not-allowed}.project-dialog{position:fixed;inset:0;z-index:3000;display:grid;padding:14px;place-items:center;background:#14213d6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-dialog[hidden]{display:none}.project-dialog form{width:min(430px,100%);padding:26px;border-radius:22px;color:#26324c;background:#fff;box-shadow:0 24px 70px #18274a4d}.dialog-icon{display:grid;width:48px;height:48px;margin-bottom:14px;place-items:center;border-radius:14px;background:#edf2ff;font-size:1.35rem}.dialog-icon.danger{color:#b13b3b;background:#fff0f0;font-weight:900}.project-dialog h2{margin:0;font-size:1.2rem}.project-dialog p{margin:8px 0 20px;color:#748099;font-size:.86rem;line-height:1.6}.project-dialog label{display:block;margin-bottom:7px;color:#46536d;font-size:.8rem;font-weight:800}.project-dialog input{width:100%;min-height:48px;padding:0 13px;border:1px solid rgba(73,91,132,.22);border-radius:12px;outline:none;color:#26324c;background:#f9fbff}.project-dialog input:focus{border-color:#2457e6;box-shadow:0 0 0 3px #2457e61f}.project-dialog .dialog-error{margin:7px 0 0;color:#b13b3b;font-size:.78rem;font-weight:700}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.dialog-button{min-height:44px;padding:0 17px;border:0;border-radius:12px;font-weight:800;cursor:pointer}.dialog-button.secondary{color:#5f6c84;background:#eef2f8}.dialog-button.primary{color:#fff;background:#2457e6}.dialog-button.danger-button{color:#fff;background:#b33c3c}.brand{order:1;display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{position:relative;width:42px;height:42px;flex:0 0 auto;border-radius:11px 11px 15px;background:#ffd84d;box-shadow:0 6px 14px #ffc31740;transform:rotate(-3deg)}.brand-mark:after{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:8px 0;background:#f1b713;content:""}.brand h1{margin:0;color:#14213d;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.2;letter-spacing:.03em}.brand p{margin:4px 0 0;color:#71809e;font-size:.8rem;font-weight:600}.toolbar-actions{order:3;display:flex;align-items:center;gap:18px;flex:0 0 auto}.search-panel{order:2;display:flex;width:clamp(250px,31vw,430px);min-width:0;align-items:center;gap:10px}.status-filter{order:2;display:grid;grid-template-columns:repeat(3,auto);padding:4px;border:1px solid rgba(73,91,132,.14);border-radius:13px;background:#f0f5ffd9}.status-filter button{min-height:38px;padding:0 12px;border:0;border-radius:9px;color:#71809b;background:transparent;font-size:.8rem;font-weight:800;cursor:pointer}.status-filter button[aria-pressed=true]{color:#204dc8;background:#fff;box-shadow:0 3px 10px #30487c1f}.status-filter button:focus-visible{outline:3px solid rgba(36,87,230,.3);outline-offset:1px}.search-field{display:flex;min-width:0;flex:1;align-items:center;gap:9px;min-height:46px;padding:0 13px;border:1px solid rgba(73,91,132,.16);border-radius:13px;background:#f6f9ffeb;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.search-field:focus-within{border-color:#2457e66b;background:#fff;box-shadow:0 0 0 3px #2457e61a}.search-field svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:#7785a1;stroke-linecap:round;stroke-width:1.8}.search-field input{width:100%;min-width:0;padding:0;border:0;outline:0;color:#26324c;background:transparent;font-size:.92rem;font-weight:650}.search-field input::placeholder{color:#8a97ae}.search-count{min-width:68px;color:#6e7d98;font-size:.8rem;font-weight:800;text-align:right;white-space:nowrap}.color-picker{position:relative}.color-picker summary{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 11px;border:1px solid rgba(73,91,132,.16);border-radius:12px;color:#586783;background:#f6f9ffe6;font-size:.82rem;font-weight:800;list-style:none;cursor:pointer;transition:border-color .14s ease,background .14s ease}.color-picker summary::-webkit-details-marker{display:none}.color-picker summary:hover,.color-picker[open] summary{border-color:#2457e657;background:#fff}.color-picker summary:focus-visible,.color-option:focus-visible{outline:3px solid rgba(36,87,230,.38);outline-offset:2px}.color-preview,.color-option{--swatch: #ffdf62;--swatch-edge: #e1b92a}.color-preview[data-color=pink],.color-option[data-color=pink]{--swatch: #ffb9cf;--swatch-edge: #e8789b}.color-preview[data-color=blue],.color-option[data-color=blue]{--swatch: #acd7ff;--swatch-edge: #6daee9}.color-preview[data-color=green],.color-option[data-color=green]{--swatch: #a9ebce;--swatch-edge: #62c49d}.color-preview{width:21px;height:21px;flex:0 0 auto;border:2px solid white;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--swatch-edge)}.color-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1200;display:grid;grid-template-columns:repeat(4,34px);gap:7px;padding:10px;border:1px solid rgba(69,89,131,.16);border-radius:14px;background:#fffffff5;box-shadow:0 12px 30px #1f305633;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.color-option{width:34px;height:34px;padding:0;border:3px solid white;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--swatch-edge);cursor:pointer}.color-option[data-selected]{box-shadow:0 0 0 2px #2457e6,inset 0 0 0 2px #fffc}.save-status{display:inline-flex;align-items:center;gap:7px;color:#73809a;font-size:.82rem;font-weight:700;white-space:nowrap}.save-status>span{width:8px;height:8px;border-radius:50%;background:#35b68b;box-shadow:0 0 0 4px #35b68b1f}.save-status.saving>span{background:#ffad33}.theme-toggle{display:grid;width:44px;height:44px;flex:0 0 auto;padding:0;place-items:center;border:1px solid rgba(73,91,132,.16);border-radius:12px;color:#586783;background:#f6f9ffe6;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.theme-toggle:hover{border-color:#2457e657;color:#2457e6;background:#fff}.theme-toggle:focus-visible{outline:3px solid rgba(36,87,230,.38);outline-offset:2px}.theme-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.theme-icon-sun,:root[data-theme=dark] .theme-icon-moon{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}.add-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:14px;color:#fff;background:#2457e6;box-shadow:0 9px 22px #2457e645;font-size:.95rem;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.add-button span:first-child{font-size:1.4rem;font-weight:400;line-height:1}.add-button:hover{background:#1748d2;box-shadow:0 11px 24px #2457e652;transform:translateY(-1px)}.add-button:active{transform:translateY(1px)}.add-button:focus-visible,.delete-button:focus-visible,.note textarea:focus-visible{outline:3px solid rgba(36,87,230,.38);outline-offset:3px}.board-frame{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(71,103,176,.2);border-radius:24px;background:#f8fbff;box-shadow:0 20px 55px #2a437a21}.completed-drop-zone{position:relative;z-index:10;display:flex;min-height:82px;flex:0 0 auto;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(71,103,176,.16);background:linear-gradient(100deg,#e2f8f0eb,#f7fcfff5);transition:background .15s ease,box-shadow .15s ease,color .15s ease}.completed-drop-zone:after{position:absolute;inset:7px;border:2px dashed rgba(31,150,105,0);border-radius:14px;content:"";pointer-events:none;transition:border-color .15s ease,inset .15s ease}.board-frame.dragging-note .completed-drop-zone{background:linear-gradient(100deg,#dff8ec,#effbf6);box-shadow:inset 0 -3px #24976c38}.board-frame.dragging-note .completed-drop-zone:after{border-color:#1f966975}.completed-drop-zone.drag-over{background:#c9f3df;box-shadow:inset 0 0 0 4px #1e9d6c94,0 0 28px #24976c3d}.completed-drop-zone.drag-over:after{inset:10px;border-color:#148058d1}.completed-drop-zone.drop-success{background:#c9f3df;box-shadow:inset 0 0 0 3px #1e9d6c80}.completed-drop-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:13px;color:#22865f;background:#fff;box-shadow:0 5px 14px #2a846024;transition:transform .15s ease,background .15s ease,color .15s ease}.completed-drop-zone.drag-over .completed-drop-icon{color:#fff;background:#24976c;transform:scale(1.14);animation:drop-target-pulse .72s ease-in-out infinite alternate}.completed-drop-zone.drop-success .completed-drop-icon{color:#fff;background:#24976c;transform:scale(1.08)}.completed-drop-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.completed-drop-zone h2{margin:0;color:#244638;font-size:.95rem}.completed-drop-zone p{margin:3px 0 0;color:#708b7f;font-size:.76rem;font-weight:650}.completed-count{margin-left:auto;padding:6px 10px;border-radius:99px;color:#267255;background:#ffffffc7;font-size:.78rem;font-weight:850}.completion-toast{position:absolute;top:98px;left:50%;z-index:2000;display:flex;min-height:48px;align-items:center;gap:9px;padding:0 18px;border-radius:99px;color:#fff;background:#197956;box-shadow:0 14px 30px #145d434d;font-size:.9rem;font-weight:850;opacity:0;transform:translate(-50%,-8px) scale(.94);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.completion-toast[hidden]{display:none}.completion-toast.show{opacity:1;transform:translate(-50%) scale(1)}.completion-toast svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}@keyframes drop-target-pulse{0%{transform:scale(1.08)}to{transform:scale(1.18)}}.board{position:relative;width:100%;height:auto;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background-color:#f8fbff;background-image:linear-gradient(rgba(77,109,180,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(77,109,180,.075) 1px,transparent 1px),linear-gradient(rgba(77,109,180,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(77,109,180,.025) 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px}.board:after{display:block;width:1px;height:max(100%,var(--board-content-height, 100%));content:"";pointer-events:none}.empty-state{position:absolute;top:50%;left:50%;display:flex;width:min(280px,calc(100% - 40px));align-items:center;flex-direction:column;color:#8794af;text-align:center;transform:translate(-50%,-50%);pointer-events:none}.empty-state[hidden]{display:none}.search-empty-state{position:absolute;top:50%;left:50%;display:flex;width:min(300px,calc(100% - 40px));align-items:center;flex-direction:column;color:#8794af;text-align:center;transform:translate(-50%,-50%);pointer-events:none}.search-empty-state[hidden]{display:none}.search-empty-state svg{width:42px;height:42px;margin-bottom:10px;fill:none;stroke:#8191b0;stroke-linecap:round;stroke-width:1.5}.search-empty-state p{margin:0 0 5px;color:#596987;font-size:1rem;font-weight:800}.search-empty-state span{font-size:.8rem;font-weight:600}.empty-icon{display:grid;width:58px;height:58px;margin-bottom:12px;place-items:center;border:2px dashed #a6b5d4;border-radius:17px;color:#6680b4;background:#ffffffb8;font-size:2rem}.empty-state p{margin:0 0 5px;color:#596987;font-size:1rem;font-weight:800}.empty-state>span:last-child{font-size:.8rem;font-weight:600}.note{--note-color: #ffdf62;--note-edge: #e1b92a;--note-tilt: -.7deg;position:absolute;z-index:1;display:grid;grid-template-rows:38px 1fr;width:230px;height:190px;overflow:visible;border-radius:6px 6px 15px;background:var(--note-color);box-shadow:0 2px 2px #2433541f,0 11px 18px -5px #24335447,inset 0 1px #ffffff59;transform:rotate(var(--note-tilt));transform-origin:50% 4%;cursor:grab;touch-action:none;transition:box-shadow .16s ease,transform .16s ease}.note[hidden]{display:none}.note[data-completed=true]{filter:saturate(.58);opacity:.78}.note[data-completed=true] textarea{color:#5e6672;text-decoration:line-through;text-decoration-color:#3a49478c;text-decoration-thickness:1.5px}.note:nth-of-type(4n+2){--note-tilt: .8deg}.note:nth-of-type(4n+3){--note-tilt: -1.1deg}.note:nth-of-type(4n){--note-tilt: .45deg}.note[data-color=pink]{--note-color: #ffb9cf;--note-edge: #e8789b}.note[data-color=blue]{--note-color: #acd7ff;--note-edge: #6daee9}.note[data-color=green]{--note-color: #a9ebce;--note-edge: #62c49d}.note.dragging{z-index:1000;box-shadow:0 3px 3px #2433541a,0 24px 38px -8px #24335457;transform:rotate(1.2deg) scale(1.025);cursor:grabbing;transition:none}.note.arranging{transition:left .26s cubic-bezier(.22,1,.36,1),top .26s cubic-bezier(.22,1,.36,1),box-shadow .16s ease,transform .16s ease}@media(hover:hover){.note:not(.dragging):hover{box-shadow:0 3px 3px #2433541c,0 16px 25px -7px #2433544d,inset 0 1px #ffffff59;transform:rotate(var(--note-tilt)) translateY(-2px)}}.note-handle{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 2px 14px;cursor:grab;touch-action:none}.note-handle:active{cursor:grabbing}.grip{width:28px;height:5px;border-radius:99px;background:#3b39322e}.note-actions{display:flex;align-items:center;gap:1px}.complete-button{display:grid;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:10px;color:#252a367a;background:transparent;cursor:pointer}.complete-button:hover{color:#167653;background:#ffffff70}.complete-button[aria-pressed=true]{color:#fff;background:#24976c;box-shadow:0 4px 10px #24976c47}.complete-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1}.note-color-picker summary{min-width:36px;min-height:36px;padding:0;border:0;background:transparent}.note-color-picker summary:hover,.note-color-picker[open] summary{background:#ffffff70}.note-color-picker .color-preview{width:17px;height:17px}.note-color-picker .color-menu{top:40px;right:-42px}.delete-button{display:grid;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:10px;color:#252a3694;background:transparent;cursor:pointer;transition:color .14s ease,background .14s ease}.delete-button:hover{color:#a72828;background:#ffffff75}.delete-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.note textarea{position:relative;z-index:2;width:100%;height:100%;padding:7px 18px 18px;resize:none;border:0;outline:0;color:#29303d;background:transparent;font-family:UD Digi Kyokasho NP-R,UD Digi Kyokasho N-R,YuKyokasho,Klee One,cursive;font-size:1.05rem;font-weight:400;line-height:1.7;letter-spacing:.035em;cursor:text;touch-action:none}.note textarea::placeholder{color:#2c313a73}.note-fold{position:absolute;right:0;bottom:0;width:24px;height:24px;border-radius:12px 0 0;background:var(--note-edge);clip-path:polygon(100% 0,0 100%,100% 100%);opacity:.76}:root[data-theme=dark]{color:#e5eaf4;background:#0b1220;color-scheme:dark}:root[data-theme=dark] .app-shell{background:radial-gradient(circle at 12% 0%,rgba(78,116,224,.16),transparent 28rem),#0b1220}:root[data-theme=dark] .toolbar,:root[data-theme=dark] .project-bar{border-color:#94a3b829;background:#141d2fe0;box-shadow:0 14px 38px #0000003d}:root[data-theme=dark] .brand h1{color:#f4f7fc}:root[data-theme=dark] .brand p,:root[data-theme=dark] .project-label,:root[data-theme=dark] .search-count,:root[data-theme=dark] .save-status{color:#9aa8c1}:root[data-theme=dark] .search-field,:root[data-theme=dark] .status-filter,:root[data-theme=dark] .color-picker summary,:root[data-theme=dark] .theme-toggle{border-color:#94a3b833;color:#b7c2d7;background:#1e293be6}:root[data-theme=dark] .search-field:focus-within,:root[data-theme=dark] .color-picker summary:hover,:root[data-theme=dark] .color-picker[open] summary,:root[data-theme=dark] .theme-toggle:hover{border-color:#7697ff8c;color:#9bb4ff;background:#25324a;box-shadow:0 0 0 3px #5b7ce221}:root[data-theme=dark] .search-field input,:root[data-theme=dark] .project-selector select,:root[data-theme=dark] .project-dialog input{color:#edf2fb}:root[data-theme=dark] .search-field input::placeholder,:root[data-theme=dark] .project-dialog input::placeholder{color:#7f8ca4}:root[data-theme=dark] .status-filter button{color:#9aa8c1}:root[data-theme=dark] .status-filter button[aria-pressed=true]{color:#dce6ff;background:#33415d;box-shadow:0 3px 12px #00000038}:root[data-theme=dark] .color-menu{border-color:#94a3b833;background:#192336fa;box-shadow:0 14px 34px #00000061}:root[data-theme=dark] .project-icon{color:#9bb4ff;background:#263552}:root[data-theme=dark] .project-selector select,:root[data-theme=dark] .project-action{border-color:#94a3b833;color:#c4cede;background:#202c42}:root[data-theme=dark] .project-action:hover{border-color:#7697ff80;color:#b8c9ff;background:#293750}:root[data-theme=dark] .project-action.project-create{border-color:#4f75e8;color:#fff;background:#4268d8}:root[data-theme=dark] .project-action.project-delete{color:#f0a7a7}:root[data-theme=dark] .project-action:disabled{border-color:#94a3b81a;color:#657187;background:#182235}:root[data-theme=dark] .project-note-count{color:#b4bfd2;background:#253149}:root[data-theme=dark] .board-frame{border-color:#94a3b82e;background:#111b2d;box-shadow:0 22px 58px #00000052}:root[data-theme=dark] .completed-drop-zone{border-color:#67b8962e;background:linear-gradient(100deg,#18433af5,#122031fa)}:root[data-theme=dark] .completed-drop-icon{color:#78d4ae;background:#20382f}:root[data-theme=dark] .completed-drop-zone h2{color:#c7eadb}:root[data-theme=dark] .completed-drop-zone p{color:#93b7a9}:root[data-theme=dark] .completed-count{color:#a6ddc5;background:#153029e0}:root[data-theme=dark] .board{background-color:#111b2d;background-image:linear-gradient(rgba(143,163,205,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(143,163,205,.09) 1px,transparent 1px),linear-gradient(rgba(143,163,205,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(143,163,205,.035) 1px,transparent 1px)}:root[data-theme=dark] .empty-state,:root[data-theme=dark] .search-empty-state{color:#7f8da7}:root[data-theme=dark] .empty-state p,:root[data-theme=dark] .search-empty-state p{color:#aab6cb}:root[data-theme=dark] .empty-icon{border-color:#536480;color:#93a8d2;background:#1f2c44cc}:root[data-theme=dark] .project-dialog{background:#050a12ad}:root[data-theme=dark] .project-dialog form{color:#edf2fb;background:#182338;box-shadow:0 26px 72px #00000080}:root[data-theme=dark] .project-dialog p,:root[data-theme=dark] .project-dialog label{color:#a9b5c9}:root[data-theme=dark] .project-dialog input{border-color:#94a3b83d;background:#101a2c}:root[data-theme=dark] .dialog-button.secondary{color:#c2ccdc;background:#2a374e}:root[data-theme=dark] .dialog-icon{background:#263552}:root[data-theme=dark] .dialog-icon.danger{color:#f0a7a7;background:#48272d}@media(max-width:767px){body{overflow:auto}.app-shell{padding:10px}.toolbar{flex-wrap:wrap;min-height:70px;margin-bottom:10px;padding:9px 10px 9px 13px;border-radius:17px}.project-bar{min-height:auto;flex-wrap:wrap;gap:8px;padding:9px;border-radius:15px}.project-selector{flex:1}.project-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.project-selector select{width:100%;min-height:46px;font-size:.95rem}.project-icon{width:44px;height:44px}.project-note-count{font-size:.78rem}.project-actions{width:100%;margin-left:0}.project-action{min-height:44px;flex:1;padding:0 8px}.project-dialog form{padding:22px}.brand{gap:9px}.brand-mark{width:36px;height:36px;border-radius:9px 9px 12px}.brand p,.save-status{display:none}.brand{flex:1}.search-panel{order:4;width:100%;gap:8px}.status-filter{order:3;width:100%;grid-template-columns:repeat(3,1fr)}.status-filter button{min-height:42px;padding:0 8px;font-size:.85rem}.search-field{min-height:46px}.search-field input{font-size:1rem}.search-count{min-width:66px}.toolbar-actions{order:2}.toolbar-actions{gap:7px}.creation-color-picker summary{width:48px;min-width:48px;height:48px;padding:0}.theme-toggle{width:48px;height:48px}.creation-color-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.color-menu{grid-template-columns:repeat(2,40px)}.color-option{width:40px;height:40px}.add-button{width:48px;min-width:48px;height:48px;padding:0;border-radius:14px}.add-button span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.board-frame{min-height:434px;border-radius:18px}.completed-drop-zone{min-height:74px;padding:9px 12px}.completion-toast{top:88px;min-height:46px;padding:0 15px;font-size:.84rem}.completed-drop-icon{width:40px;height:40px}.completed-drop-zone p{font-size:.72rem}.board{min-height:0}.note{--note-tilt: -.45deg;width:200px;height:170px}.note:nth-of-type(4n+2){--note-tilt: .55deg}.note:nth-of-type(4n+3){--note-tilt: -.7deg}.note:nth-of-type(4n){--note-tilt: .35deg}.note-handle{height:44px;padding-right:4px}.delete-button,.complete-button{width:42px;height:42px}.note-color-picker summary{width:42px;min-width:42px;height:42px}.note-color-picker .color-menu{right:-43px;grid-template-columns:repeat(2,38px)}.note-color-picker .color-option{width:38px;height:38px}.note textarea{padding-top:4px;font-size:1.05rem}}@media(min-width:768px)and (max-width:1050px){.toolbar{flex-wrap:wrap}.search-panel{order:4;width:calc(100% - 230px)}.status-filter{order:3}.toolbar-actions{order:2}}@media(max-width:380px){.brand h1{font-size:1.1rem}.note{width:188px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}