*{box-sizing:border-box}body{margin:0;background:#f5f2ec;color:#29251f;font:15px system-ui,-apple-system,sans-serif;overflow:hidden}.toolbar{height:70px;padding:12px 16px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #e5dfd6}.toolbar strong{white-space:nowrap;font-size:18px;overflow:hidden;text-overflow:ellipsis}.toolbar input{flex:1;min-width:80px;padding:11px 13px;border:1px solid #d8d1c7;border-radius:10px;font:inherit}.toolbar button{border:0;border-radius:9px;padding:11px 15px;background:#315f68;color:#fff;font:inherit}.board{position:relative;width:100vw;height:calc(100vh - 70px)}.card{position:absolute;overflow:hidden;border-radius:18px;background:var(--color);box-shadow:0 5px 18px #4c3e2d18;transition:left .28s,top .28s,width .28s,height .28s,filter .16s;cursor:pointer}.card:active{filter:brightness(.96)}.title{position:absolute;inset:16px 16px 54px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.08;font-weight:700;overflow-wrap:anywhere}.controls{position:absolute;left:10px;right:10px;bottom:10px;height:34px;display:flex;justify-content:center;gap:6px;opacity:.72}.controls button,.controls input{height:32px;border:1px solid #ffffffaa;border-radius:8px;background:#ffffffd9;color:#342f29}.controls button{min-width:34px;font-size:16px}.controls input{width:55px;padding:4px;text-align:center}.compact .title{inset:7px 7px 37px}.compact .controls{left:2px;right:2px;bottom:3px;gap:2px;transform:scale(.78)}.micro .title{inset:4px}.micro .controls{display:none}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8a8379;padding:32px}.empty strong{font-size:clamp(28px,7vw,64px);color:#4d4740;margin-bottom:12px}.empty span{line-height:1.7}.page-context{position:fixed;z-index:12;top:8px;left:10px;right:54px;display:flex;align-items:center;gap:8px;pointer-events:none}.back-button,.home-button,.page-title{border:1px solid #d9d2c980;background:#f8f5f0c7;box-shadow:0 3px 12px #4c3e2d12;backdrop-filter:blur(8px)}.back-button,.home-button{pointer-events:auto;width:34px;height:30px;border-radius:10px;color:#625b52;padding:0}.back-button{font:26px/20px system-ui}.home-button{font:19px/20px system-ui}.back-button:disabled,.home-button:disabled{visibility:hidden}.page-title{max-width:min(60vw,420px);padding:6px 12px;border-radius:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-form p{margin:-6px 0 14px;color:#746d64;line-height:1.55;font-size:14px}@media(max-width:600px){.toolbar{height:116px;flex-wrap:wrap}.toolbar strong{width:100%}.board{height:calc(100vh - 116px)}.title{inset:12px 12px 50px}.compact .title{inset:6px 6px 36px}.micro .title{inset:3px}.card{border-radius:14px}.page-title{max-width:65vw}}