@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700&family=Yomogi&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#292b29;background:#f3f0e7;font-synthesis:none;--green: #173f35;--coral: #d5684f;--paper: #fffdf7}*{box-sizing:border-box}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html,body{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 12% 15%,rgba(255,255,255,.8),transparent 24rem),#f3f0e7}button,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}#app{min-height:100vh;display:flex;flex-direction:column}.app-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);color:#fff;background:var(--green);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-family:Manrope,sans-serif;font-size:20px;font-weight:700}.brand-mark{width:26px;height:26px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-2deg)}.brand-mark span{background:#f0c86d;border-radius:2px}.brand-mark span:nth-child(2){background:#e98d71}.brand-mark span:nth-child(3){background:#a5c5a6}.brand-mark span:nth-child(4){background:#e5dda9}.header-actions{display:flex;align-items:center;gap:24px}.theme-toggle{min-height:40px;display:flex;align-items:center;gap:7px;padding:0 12px;color:#ffffffd1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:7px;font-size:12px;font-weight:600;transition:color .18s,background .18s,border-color .18s}.theme-toggle:hover{color:#fff;background:#ffffff24;border-color:#ffffff3d}.theme-icon{width:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-icon-sun,html[data-theme=dark] .theme-icon-moon{display:none}html[data-theme=dark] .theme-icon-sun{display:block}.note-count{margin:0;color:#ffffff9e;font-size:13px;letter-spacing:.02em}.add-button{min-height:42px;display:flex;align-items:center;gap:9px;padding:0 18px;color:#fff;background:var(--coral);border:0;border-radius:7px;font-weight:600;box-shadow:0 4px 12px #00000024;transition:transform .18s,background .18s}.add-button:hover{background:#e07359;transform:translateY(-1px)}.add-button:active{transform:translateY(0)}.add-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.project-toolbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px max(24px,calc((100% - 1400px)/2));background:#f9f7f0e6;border-bottom:1px solid #ded9cd}.project-picker{min-width:0;display:flex;align-items:center;gap:9px}.project-picker>label{color:#8a877f;font-size:11px;font-weight:700;letter-spacing:.06em}.project-folder{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;color:#7d6345;background:#efe3c4;border-radius:7px}.project-folder svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.project-picker select{max-width:min(34vw,310px);height:38px;padding:0 34px 0 11px;color:#303a36;background:#fffdf8;border:1px solid #d5d0c4;border-radius:7px;outline:0;font-size:14px;font-weight:600;text-overflow:ellipsis}.project-picker select:focus{border-color:#789087;box-shadow:0 0 0 3px #173f3514}.project-actions{display:flex;align-items:center;gap:6px}.project-actions button{min-height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;color:#6d6c66;background:transparent;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:600}.project-actions button:hover:not(:disabled){color:#2f3935;background:#fffdf8;border-color:#dad5ca}.project-actions button:disabled{cursor:not-allowed;opacity:.38}.project-actions button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.project-actions .create-project{padding:0 14px;color:#fff;background:var(--green)}.project-actions .create-project:hover:not(:disabled){color:#fff;background:#245247;border-color:transparent}.workspace{width:min(100% - 48px,1400px);margin:0 auto;flex:1}.board-heading{min-height:132px;display:flex;align-items:center;justify-content:space-between;padding:24px 4px 20px}.eyebrow{margin:0 0 5px;color:#a76451;font-size:10px;font-weight:700;letter-spacing:.18em}h1{margin:0;color:#23312d;font-family:Manrope,sans-serif;font-size:clamp(25px,2.5vw,34px);letter-spacing:-.045em}.board-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.filter-row{display:flex;align-items:center;gap:8px}.search-controls{display:flex;align-items:center;gap:12px}.status-filters{display:flex;padding:3px;background:#e8e4da;border:1px solid #d9d5ca;border-radius:8px}.status-filters button{min-height:30px;padding:0 14px;color:#74736c;background:transparent;border:0;border-radius:5px;font-size:12px;font-weight:600}.status-filters button:hover{color:#313a36}.status-filters button.active{color:#fff;background:var(--green);box-shadow:0 2px 5px #173f352e}.arrange-button{min-height:38px;display:flex;align-items:center;gap:6px;padding:0 12px;color:#4f5d57;background:#fffdf8;border:1px solid #d8d3c7;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 2px 7px #322d230a}.arrange-button:hover{color:var(--green);background:#fff;border-color:#91a29b}.arrange-button:active{transform:translateY(1px)}.arrange-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.6}.search-box{width:min(290px,32vw);height:42px;display:flex;align-items:center;gap:9px;padding:0 10px 0 13px;color:#85837b;background:#ffffffad;border:1px solid #d8d3c7;border-radius:8px;box-shadow:0 2px 7px #322d230a;transition:border-color .15s,background .15s,box-shadow .15s}.search-box:focus-within{background:#fffdf8;border-color:#80968e;box-shadow:0 0 0 3px #173f3514}.search-box>svg{width:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.search-box input{width:100%;min-width:0;padding:0;color:#373a37;background:transparent;border:0;outline:0;font-size:14px}.search-box input::placeholder{color:#99968e}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;padding:0;color:#77756e;background:transparent;border:0;border-radius:50%}.search-box button:hover{background:#ece9e0}.search-box button svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.search-result-count{min-width:66px;margin:0;color:#77756e;font-size:13px;font-weight:600;text-align:right;white-space:nowrap}.board{position:relative;min-height:max(560px,calc(100vh - 270px));overflow:hidden;border:1px solid #d9d5c9;border-radius:12px;background-color:#dfdcd2;background-image:radial-gradient(#b8b5ab 1px,transparent 1.1px);background-size:22px 22px;box-shadow:inset 0 1px #ffffffbf,0 16px 40px #3731250f}.done-zone{position:absolute;z-index:4;right:20px;bottom:20px;width:250px;height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c756f;background:#f4f6f17a;border:2px dashed rgba(55,94,81,.34);border-radius:10px;pointer-events:none;transition:color .18s,background .18s,border-color .18s,transform .18s,box-shadow .18s}.done-zone-icon{width:32px;height:32px;display:grid;place-items:center;margin-bottom:5px;background:#173f3517;border-radius:50%}.done-zone svg{width:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.done-zone strong{font-size:14px}.done-zone small{margin-top:2px;color:#91958f;font-size:11px}.done-zone.active{color:var(--green);background:#eef5efbd;border-color:#173f3594}.done-zone.drag-over{background:#cae5cfe0;border-color:var(--green);transform:scale(1.025);box-shadow:0 8px 22px #173f3524}.done-zone.success{color:#fff;background:#4f8269;border-color:#4f8269;transform:scale(1.025)}.empty-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center;transition:opacity .2s}.empty-state[hidden]{display:none}.empty-icon{position:relative;width:92px;height:75px;margin-bottom:22px}.empty-icon span{position:absolute;width:54px;height:54px;border-radius:4px;box-shadow:0 7px 15px #312d251f}.empty-icon span:nth-child(1){left:2px;top:12px;background:#f5cf6f;transform:rotate(-8deg)}.empty-icon span:nth-child(2){right:2px;top:5px;background:#e99a7b;transform:rotate(9deg)}.empty-icon span:nth-child(3){left:20px;top:0;background:#fff3ad;transform:rotate(-1deg)}.empty-state h2{margin:0 0 7px;font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.03em}.empty-state p{margin:0 0 18px;color:#77766f;font-size:14px}.empty-state button{min-height:42px;padding:0 18px;color:var(--green);background:#ffffff8c;border:1px solid rgba(23,63,53,.22);border-radius:7px;font-weight:600}.no-results{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:30px;color:#74736d;text-align:center;pointer-events:none}.no-results>svg{width:34px;margin-bottom:13px;fill:none;stroke:#85847d;stroke-width:1.4;stroke-linecap:round}.no-results h2{margin:0 0 6px;color:#4a4b47;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.025em}.no-results p{margin:0;font-size:13px}.note{--note-color: #ffe68c;--note-tilt: 0deg;position:absolute;width:220px;height:190px;display:flex;flex-direction:column;padding:0 16px 16px;background:var(--note-color);border-radius:4px 4px 7px 7px;box-shadow:0 14px 24px #3a32212e,0 3px 6px #3a32211f,0 1px 1px #3a322114;transform:rotate(var(--note-tilt));transform-origin:50% 48%;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .16s,transform .16s}.board.arranging .note{transition:left .32s ease,top .32s ease,box-shadow .16s,transform .16s}.note:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;pointer-events:none;background:linear-gradient(transparent,#805d170b);border-radius:inherit}.note.dragging{z-index:1000;transform:rotate(calc(var(--note-tilt) + 1deg)) scale(1.015);box-shadow:0 24px 42px #3a322147,0 8px 14px #3a322124;transition:box-shadow .16s,transform .16s}.note.palette-open{z-index:100}.note.completed{filter:saturate(.48);opacity:.82}.note.completed textarea{color:#555851;text-decoration:line-through;text-decoration-thickness:1.5px}.completed-label{position:absolute;z-index:2;right:14px;bottom:11px;display:none;padding:3px 7px;color:#2a4a3cb3;border:1px solid rgba(42,74,60,.34);border-radius:3px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;letter-spacing:.12em;transform:rotate(-4deg)}.note.completed .completed-label{display:block}.note-top{height:43px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;cursor:grab}.note.dragging .note-top{cursor:grabbing}.drag-dots{display:grid;grid-template-columns:repeat(3,3px);gap:3px;padding:8px 4px;opacity:.36}.drag-dots i{width:3px;height:3px;background:#554a33;border-radius:50%}.note-actions{position:relative;z-index:3;display:flex;align-items:center;margin-right:-8px}.delete-note,.change-color,.toggle-complete{width:32px;height:34px;display:grid;place-items:center;padding:0;color:#3a32218c;background:transparent;border:0;border-radius:50%}.delete-note:hover,.change-color:hover,.toggle-complete:hover{color:#633327;background:#ffffff4d}.delete-note svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.toggle-complete svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.toggle-complete[aria-pressed=true]{color:#fff;background:#47745f}.change-color span{width:15px;height:15px;background:var(--swatch-color);border:2px solid rgba(69,61,45,.42);border-radius:50%;box-shadow:inset 0 0 0 1px #fff6}.note-palette{position:absolute;z-index:5;top:38px;right:-7px;display:flex;gap:7px;padding:8px;background:#fffdf7;border:1px solid rgba(59,52,38,.14);border-radius:20px;box-shadow:0 8px 18px #322c202e;cursor:default}.note-palette button{width:25px;height:25px;padding:0;background:var(--swatch-color);border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #312c2233}.note-palette button:hover,.note-palette button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.note textarea{position:relative;z-index:2;width:100%;flex:1;resize:none;overflow:auto;padding:0;color:#39352d;background:transparent;border:0;outline:0;font-family:Yomogi,Klee One,Yuji Syuku,cursive;font-size:17px;line-height:1.65;letter-spacing:.025em;-webkit-user-select:text;user-select:text;touch-action:auto}.note textarea::placeholder{color:#39352d6e}footer{min-height:64px;display:flex;align-items:center;justify-content:space-between;width:min(100% - 48px,1400px);margin:0 auto;color:#99958a;font-size:11px;letter-spacing:.03em}footer span:first-child{color:#6d6b64;font-weight:600}.dialog-backdrop{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:#0f231e7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.color-dialog{position:relative;width:min(430px,100%);padding:30px;background:#fffdf7;border-radius:14px;box-shadow:0 24px 70px #0a19144d}.color-dialog h2{margin:0 0 5px;color:#23312d;font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.04em}.dialog-description{margin:0 0 22px;color:#77766f;font-size:13px}.dialog-close{position:absolute;top:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;color:#69675f;background:transparent;border:0;border-radius:50%}.dialog-close:hover{background:#f1eee5}.dialog-close svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.create-color-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.create-color-list button{min-height:54px;display:flex;align-items:center;gap:11px;padding:0 15px;color:#3f403c;background:#f7f4ec;border:1px solid #e4e0d5;border-radius:9px;font-weight:600;text-align:left;transition:border-color .15s,transform .15s,background .15s}.create-color-list button:hover,.create-color-list button:focus-visible{background:#fff;border-color:#858177;outline:0;transform:translateY(-1px)}.create-color-list button span{width:25px;height:25px;flex:0 0 auto;border:1px solid rgba(55,51,42,.12);border-radius:50%;box-shadow:inset 0 1px #ffffffb3}.create-color-list button[data-create-color=yellow] span{background:#ffe68c}.create-color-list button[data-create-color=pink] span{background:#f6b6c7}.create-color-list button[data-create-color=blue] span{background:#b9d9f2}.create-color-list button[data-create-color=green] span{background:#b7d9bf}.project-dialog,.delete-dialog{position:relative;width:min(430px,100%);padding:30px;background:#fffdf7;border-radius:14px;box-shadow:0 24px 70px #0a19144d}.project-dialog h2,.delete-dialog h2{margin:0 0 22px;color:#23312d;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.035em}.project-name-field{display:grid;gap:7px}.project-name-field span{color:#65665f;font-size:12px;font-weight:600}.project-name-field input{width:100%;height:48px;padding:0 13px;color:#30332f;background:#fff;border:1px solid #d8d3c7;border-radius:8px;outline:0;font-size:16px}.project-name-field input:focus{border-color:#789087;box-shadow:0 0 0 3px #173f3517}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.dialog-actions button{min-height:42px;padding:0 17px;color:#5f605b;background:#f2efe7;border:1px solid #ded9cf;border-radius:7px;font-weight:600}.dialog-actions button.primary{color:#fff;background:var(--green);border-color:var(--green)}.dialog-actions button.danger{color:#fff;background:#b64f42;border-color:#b64f42}.delete-dialog{text-align:center}.delete-dialog h2{margin-bottom:8px}.delete-dialog>p{margin:0;color:#74736d;font-size:13px;line-height:1.65}.delete-dialog-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 15px;color:#a64a3f;background:#f7dfda;border-radius:50%}.delete-dialog-icon svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.delete-dialog .dialog-actions{justify-content:center}html[data-theme=dark]{color-scheme:dark;color:#e6e9e4;background:#141a18;--green: #285b4d;--paper: #202724}html[data-theme=dark] body{background:radial-gradient(circle at 12% 15%,rgba(65,84,76,.3),transparent 24rem),#141a18}html[data-theme=dark] .app-header{background:#102d26}html[data-theme=dark] .project-toolbar{background:#1c2421f0;border-bottom-color:#37413d}html[data-theme=dark] .project-picker>label{color:#a6aca8}html[data-theme=dark] .project-folder{color:#dbc58c;background:#443f2e}html[data-theme=dark] .project-picker select{color:#ecf0ec;background:#252d2a;border-color:#46504c}html[data-theme=dark] .project-picker select:focus{border-color:#76a092;box-shadow:0 0 0 3px #759f9124}html[data-theme=dark] .project-actions button{color:#b9bfbb}html[data-theme=dark] .project-actions button:hover:not(:disabled){color:#f4f6f4;background:#2b3430;border-color:#46504c}html[data-theme=dark] .project-actions .create-project{color:#fff;background:#356d5d}html[data-theme=dark] h1{color:#eef2ef}html[data-theme=dark] .eyebrow{color:#e28c75}html[data-theme=dark] .status-filters{background:#242c29;border-color:#3d4743}html[data-theme=dark] .status-filters button{color:#aeb5b1}html[data-theme=dark] .status-filters button:hover{color:#f2f5f3}html[data-theme=dark] .status-filters button.active{background:#356d5d}html[data-theme=dark] .arrange-button{color:#c6ccc8;background:#252d2a;border-color:#46504c;box-shadow:none}html[data-theme=dark] .arrange-button:hover{color:#f1f5f2;background:#303a36;border-color:#739286}html[data-theme=dark] .search-box{color:#aeb5b1;background:#262e2be6;border-color:#46504c;box-shadow:none}html[data-theme=dark] .search-box:focus-within{background:#29322e;border-color:#739286;box-shadow:0 0 0 3px #759f9124}html[data-theme=dark] .search-box input{color:#edf1ee}html[data-theme=dark] .search-box input::placeholder{color:#89918c}html[data-theme=dark] .search-box button{color:#aeb5b1}html[data-theme=dark] .search-box button:hover{background:#39433f}html[data-theme=dark] .search-result-count{color:#a3aaa6}html[data-theme=dark] .board{background-color:#242b28;background-image:radial-gradient(#46504c 1px,transparent 1.1px);border-color:#3c4642;box-shadow:inset 0 1px #ffffff0a,0 16px 40px #0003}html[data-theme=dark] .done-zone{color:#a9b2ad;background:#2d37338f;border-color:#84a89a66}html[data-theme=dark] .done-zone small{color:#858e89}html[data-theme=dark] .done-zone-icon{background:#7da89726}html[data-theme=dark] .done-zone.active{color:#dcebe4;background:#2f463db8;border-color:#6d9a88}html[data-theme=dark] .empty-state p,html[data-theme=dark] .no-results,html[data-theme=dark] .no-results p{color:#a3aaa6}html[data-theme=dark] .empty-state button{color:#deebe5;background:#37453fb8;border-color:#5e756b}html[data-theme=dark] .no-results>svg{stroke:#99a29d}html[data-theme=dark] .no-results h2{color:#e3e8e5}html[data-theme=dark] footer{color:#7f8883}html[data-theme=dark] footer span:first-child{color:#b9bfbb}html[data-theme=dark] .color-dialog,html[data-theme=dark] .project-dialog,html[data-theme=dark] .delete-dialog{background:#202825;box-shadow:0 24px 70px #0000007a}html[data-theme=dark] .color-dialog h2,html[data-theme=dark] .project-dialog h2,html[data-theme=dark] .delete-dialog h2{color:#edf1ee}html[data-theme=dark] .dialog-description,html[data-theme=dark] .delete-dialog>p,html[data-theme=dark] .project-name-field span{color:#aeb5b1}html[data-theme=dark] .dialog-close{color:#bdc4c0}html[data-theme=dark] .dialog-close:hover{background:#303936}html[data-theme=dark] .create-color-list button{color:#e5e9e6;background:#29312e;border-color:#414b47}html[data-theme=dark] .create-color-list button:hover,html[data-theme=dark] .create-color-list button:focus-visible{background:#333d39;border-color:#77827d}html[data-theme=dark] .project-name-field input{color:#edf1ee;background:#29312e;border-color:#46504c}html[data-theme=dark] .dialog-actions button{color:#d1d6d3;background:#303835;border-color:#48524e}html[data-theme=dark] .dialog-actions button.primary{color:#fff;background:#356d5d;border-color:#356d5d}html[data-theme=dark] .note-palette{background:#28302d;border-color:#46504c;box-shadow:0 8px 18px #0000004d}@media(max-width:767px){.app-header{height:68px;padding:0 16px}.brand{gap:10px;font-size:18px}.brand-mark{width:23px;height:23px}.header-actions{gap:10px}.theme-toggle{width:46px;min-height:46px;justify-content:center;padding:0}.theme-toggle-label,.note-count{display:none}.add-button{min-width:46px;min-height:46px;justify-content:center;padding:0}.add-button span{display:none}.add-button svg{width:21px}.project-toolbar{min-height:112px;align-items:stretch;flex-direction:column;gap:7px;padding:10px 12px}.project-picker{width:100%}.project-picker>label{display:none}.project-picker select{width:100%;max-width:none;height:42px}.project-actions{width:100%;justify-content:flex-end}.project-actions button{min-width:42px;min-height:42px;justify-content:center;padding:0 10px}.project-actions button:not(.create-project) span{display:none}.project-actions .create-project{margin-left:auto}.workspace{width:calc(100% - 24px)}.board-heading{min-height:200px;display:block;padding:18px 2px 14px}.eyebrow{font-size:9px}h1{font-size:26px}.board-controls{width:100%;align-items:stretch;margin-top:14px;gap:9px}.filter-row{width:100%}.status-filters{min-width:0;flex:1}.status-filters button{flex:1;min-height:36px;padding:0 8px}.arrange-button{min-height:42px;padding:0 11px}.search-controls{width:100%;gap:8px}.search-box{width:100%;height:46px}.search-box input{font-size:16px}.search-result-count{min-width:62px;font-size:12px}.board{min-height:max(570px,calc(100vh - 220px));border-radius:9px;background-size:20px 20px}.note{width:min(190px,calc(100vw - 52px));height:180px}.note-top{height:46px}.note-actions{margin-right:-10px}.delete-note,.change-color,.toggle-complete{width:37px;height:42px}.change-color span{width:18px;height:18px}.note-palette{top:43px;right:-7px;gap:9px;padding:10px}.note-palette button{width:28px;height:28px}.done-zone{right:16px;bottom:16px;width:calc(100% - 32px);height:104px}.done-zone-icon{width:28px;height:28px}.note textarea{font-size:18px}.color-dialog,.project-dialog,.delete-dialog{padding:26px 20px 20px}.create-color-list{grid-template-columns:1fr}.create-color-list button{min-height:56px}footer{min-height:52px;width:calc(100% - 24px);justify-content:center}footer span:first-child{display:none}}@media(min-width:768px)and (max-width:1100px){.workspace,footer{width:calc(100% - 56px)}.note{width:200px;height:185px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}